@charset "utf-8";

 
@font-face {
font-family: 'MicrosoftYaHei';
src: url('/public/static/modules/cms/css/MicrosoftYaHei.eot'); /* IE9 Compat Modes */
src: url('/public/static/modules/cms/css//public/static/modules/cms/css/MicrosoftYaHei.eot') format('embedded-opentype'), /* IE6-IE8 */
url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */
url('MicrosoftYaHei.ttf') format('truetype'), /* Safari, Android, iOS */
url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */
}


.rel {

    position: relative;

}



 



* {

    padding-bottom: 0px;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

 font-family: 'Microsoft Yahei'，，，，，，，，"微软雅黑";
    font-family: 微软雅黑 !important;
    color: #000;

    font-size: 15px;

    font-weight: normal;

    padding-top: 0px;

}



input[type=search] {

	-webkit-appearance: textfield;

	-webkit-box-sizing: content-box;

	font-family: inherit;

	font-size: 100%;

	

}

input::-webkit-search-decoration,

input::-webkit-search-cancel-button {

	display: none; /* remove the search and cancel icon */

}



/* search input field */

input[type=search] {

	background: url(/public/static/modules/cms/images/sousuo.png) no-repeat 5px center ;

border: none;

	position:fixed;

	top:35px;

	right: 120px;

	padding: 10px 10px 9px 32px;

	width: 15px;

	height: 15px!important;

	-webkit-border-radius: 10em;

	-moz-border-radius: 10em;

	border-radius: 10em;

	z-index: 100;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	transition: all .5s;

}

input[type=search]:focus {

	width: 130px;

	background-color: #ccc;



}



/* placeholder */

input:-moz-placeholder {

	

}

input::-webkit-input-placeholder {

	

}



/* demo B */

#demo-b input[type=search] {

	width: 15px;

	padding-left: 10px;



	cursor: pointer;

}

#demo-b input[type=search]:hover {

	background-color: #ccc;

}

#demo-b input[type=search]:focus {

	width: 130px;

	padding-left: 32px;

	color: #fff;

	background-color: #ccc;

	cursor: auto;

}

#demo-b input:-moz-placeholder {

	color: transparent;

}

#demo-b input::-webkit-input-placeholder {

	color: transparent;

}

.yy h1:hover{

	background-color: #ccc!important;

}

.d2{

	padding-top: 55px;

	width: 62.5%;

	margin: 0 auto;

}





.d2 ul{

	margin-top: 60px;

	float: right;

}

.d2 ul li{

	float: left;margin: 0 20px;

}

.a2{

	display: none;

}

.d2 ul li:hover .a1{

	

		display: none;

	}

.d2 ul li:hover .a2{

	



		display: block;

	transition:transform 0.7s;

	transform: scale(1.09);

	}

@keyframes firstPart {

	0% { bottom: 40px; }

	100% { bottom: 20px; }

}

@-moz-keyframes firstPart



/* Firefox */

{

	0% { bottom: 40px; }

	100% { bottom: 20px; }

}

@-webkit-keyframes firstPart



/* Safari and Chrome */

{

	0% { bottom: 40px; }

	100% { bottom: 20px; }

}

@-o-keyframes firstPart



/* Opera */

{

	0% { bottom: 40px; }

	100% { bottom: 20px; }

}



.shake.shake-constant.hover-stop:hover {

    -webkit-animation-play-state: paused;

    -ms-animation-play-state: paused;

    animation-play-state: paused

}

.shake.shake-delay {

    -webkit-animation-name: shake-base;

    -ms-animation-name: shake-base;

    animation-name: shake-base;

    -webkit-animation-duration: 10000ms;

    -ms-animation-duration: 10000ms;

    animation-duration: 10000ms;

    -webkit-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -ms-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-delay: 25s;

    -ms-animation-delay: 25s;

    animation-delay:25s;

    -webkit-animation-play-state: running;

    -ms-animation-play-state: running;

    animation-play-state: running

}



@-webkit-keyframes shake-slow {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg)

    }

    2% {

        -webkit-transform: translate(-1px, 8px) rotate(1.5deg)

    }

    4% {

        -webkit-transform: translate(7px, 0px) rotate(-0.5deg)

    }

    6% {

        -webkit-transform: translate(8px, 8px) rotate(-3.5deg)

    }

    8% {

        -webkit-transform: translate(-4px, -3px) rotate(-1.5deg)

    }

    10% {

        -webkit-transform: translate(5px, 0px) rotate(-2.5deg)

    }

    12% {

        -webkit-transform: translate(-10px, -3px) rotate(-3.5deg)

    }

    14% {

        -webkit-transform: translate(5px, 7px) rotate(2.5deg)

    }

    16% {

        -webkit-transform: translate(8px, -8px) rotate(-1.5deg)

    }

    18% {

        -webkit-transform: translate(9px, -6px) rotate(-3.5deg)

    }

    20% {

        -webkit-transform: translate(3px, 1px) rotate(-0.5deg)

    }

    22% {

        -webkit-transform: translate(6px, 8px) rotate(-2.5deg)

    }

    24% {

        -webkit-transform: translate(-8px, -1px) rotate(2.5deg)

    }

    26% {

        -webkit-transform: translate(7px, -10px) rotate(0.5deg)

    }

    28% {

        -webkit-transform: translate(7px, -4px) rotate(-3.5deg)

    }

    30% {

        -webkit-transform: translate(-2px, -6px) rotate(-1.5deg)

    }

    32% {

        -webkit-transform: translate(-1px, 0px) rotate(2.5deg)

    }

    34% {

        -webkit-transform: translate(6px, 2px) rotate(-0.5deg)

    }

    36% {

        -webkit-transform: translate(2px, 7px) rotate(1.5deg)

    }

    38% {

        -webkit-transform: translate(2px, -9px) rotate(1.5deg)

    }

    40% {

        -webkit-transform: translate(-5px, -1px) rotate(-0.5deg)

    }

    42% {

        -webkit-transform: translate(-8px, 2px) rotate(-0.5deg)

    }

    44% {

        -webkit-transform: translate(-4px, 3px) rotate(0.5deg)

    }

    46% {

        -webkit-transform: translate(-10px, -2px) rotate(-0.5deg)

    }

    48% {

        -webkit-transform: translate(1px, 9px) rotate(1.5deg)

    }

    50% {

        -webkit-transform: translate(6px, 7px) rotate(1.5deg)

    }

    52% {

        -webkit-transform: translate(-8px, 4px) rotate(0.5deg)

    }

    54% {

        -webkit-transform: translate(6px, -8px) rotate(-2.5deg)

    }

    56% {

        -webkit-transform: translate(2px, -9px) rotate(-2.5deg)

    }

    58% {

        -webkit-transform: translate(-2px, -9px) rotate(0.5deg)

    }

    60% {

        -webkit-transform: translate(2px, 7px) rotate(-0.5deg)

    }

    62% {

        -webkit-transform: translate(0px, 0px) rotate(-1.5deg)

    }

    64% {

        -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)

    }

    66% {

        -webkit-transform: translate(6px, -6px) rotate(0.5deg)

    }

    68% {

        -webkit-transform: translate(0px, -7px) rotate(-2.5deg)

    }

    70% {

        -webkit-transform: translate(-10px, 1px) rotate(1.5deg)

    }

    72% {

        -webkit-transform: translate(-7px, 9px) rotate(2.5deg)

    }

    74% {

        -webkit-transform: translate(2px, -6px) rotate(-0.5deg)

    }

    76% {

        -webkit-transform: translate(5px, 1px) rotate(-0.5deg)

    }

    78% {

        -webkit-transform: translate(-1px, 5px) rotate(2.5deg)

    }

    80% {

        -webkit-transform: translate(3px, 7px) rotate(2.5deg)

    }

    82% {

        -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)

    }

    84% {

        -webkit-transform: translate(-8px, 8px) rotate(-2.5deg)

    }

    86% {

        -webkit-transform: translate(8px, 3px) rotate(-2.5deg)

    }

    88% {

        -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)

    }

    90% {

        -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)

    }

    92% {

        -webkit-transform: translate(-8px, 4px) rotate(2.5deg)

    }

    94% {

        -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)

    }

    96% {

        -webkit-transform: translate(-3px, 2px) rotate(-3.5deg)

    }

    98% {

        -webkit-transform: translate(2px, 1px) rotate(-0.5deg)

    }

}

@-ms-keyframes shake-slow {

    0% {

        -ms-transform: translate(0px, 0px) rotate(0deg)

    }

    2% {

        -ms-transform: translate(-9px, 1px) rotate(-1.5deg)

    }

    4% {

        -ms-transform: translate(-10px, -1px) rotate(-3.5deg)

    }

    6% {

        -ms-transform: translate(6px, 2px) rotate(-1.5deg)

    }

    8% {

        -ms-transform: translate(-3px, -6px) rotate(-1.5deg)

    }

    10% {

        -ms-transform: translate(-10px, -3px) rotate(-0.5deg)

    }

    12% {

        -ms-transform: translate(-8px, 6px) rotate(-2.5deg)

    }

    14% {

        -ms-transform: translate(7px, 5px) rotate(-1.5deg)

    }

    16% {

        -ms-transform: translate(2px, 2px) rotate(1.5deg)

    }

    18% {

        -ms-transform: translate(8px, -2px) rotate(-3.5deg)

    }

    20% {

        -ms-transform: translate(-9px, 3px) rotate(-3.5deg)

    }

    22% {

        -ms-transform: translate(8px, -4px) rotate(-1.5deg)

    }

    24% {

        -ms-transform: translate(-1px, -7px) rotate(2.5deg)

    }

    26% {

        -ms-transform: translate(9px, 9px) rotate(-0.5deg)

    }

    28% {

        -ms-transform: translate(9px, -4px) rotate(-3.5deg)

    }

    30% {

        -ms-transform: translate(6px, -7px) rotate(-0.5deg)

    }

    32% {

        -ms-transform: translate(9px, 2px) rotate(1.5deg)

    }

    34% {

        -ms-transform: translate(3px, -9px) rotate(2.5deg)

    }

    36% {

        -ms-transform: translate(-6px, -4px) rotate(2.5deg)

    }

    38% {

        -ms-transform: translate(-5px, -9px) rotate(0.5deg)

    }

    40% {

        -ms-transform: translate(6px, 9px) rotate(-2.5deg)

    }

    42% {

        -ms-transform: translate(5px, -5px) rotate(0.5deg)

    }

    44% {

        -ms-transform: translate(8px, 5px) rotate(-3.5deg)

    }

    46% {

        -ms-transform: translate(-2px, 9px) rotate(1.5deg)

    }

    48% {

        -ms-transform: translate(-10px, -5px) rotate(-2.5deg)

    }

    50% {

        -ms-transform: translate(8px, -1px) rotate(-3.5deg)

    }

    52% {

        -ms-transform: translate(-5px, -7px) rotate(2.5deg)

    }

    54% {

        -ms-transform: translate(7px, 0px) rotate(2.5deg)

    }

    56% {

        -ms-transform: translate(-5px, -1px) rotate(-0.5deg)

    }

    58% {

        -ms-transform: translate(0px, -4px) rotate(-3.5deg)

    }

    60% {

        -ms-transform: translate(-10px, 2px) rotate(2.5deg)

    }

    62% {

        -ms-transform: translate(9px, 8px) rotate(0.5deg)

    }

    64% {

        -ms-transform: translate(-4px, -4px) rotate(-1.5deg)

    }

    66% {

        -ms-transform: translate(-1px, -9px) rotate(-0.5deg)

    }

    68% {

        -ms-transform: translate(-6px, -9px) rotate(-2.5deg)

    }

    70% {

        -ms-transform: translate(-6px, -8px) rotate(-1.5deg)

    }

    72% {

        -ms-transform: translate(-2px, -3px) rotate(-2.5deg)

    }

    74% {

        -ms-transform: translate(-8px, 1px) rotate(-0.5deg)

    }

    76% {

        -ms-transform: translate(-7px, 7px) rotate(2.5deg)

    }

    78% {

        -ms-transform: translate(7px, 2px) rotate(-3.5deg)

    }

    80% {

        -ms-transform: translate(-10px, -4px) rotate(-0.5deg)

    }

    82% {

        -ms-transform: translate(2px, -9px) rotate(1.5deg)

    }

    84% {

        -ms-transform: translate(3px, 5px) rotate(1.5deg)

    }

    86% {

        -ms-transform: translate(5px, 2px) rotate(2.5deg)

    }

    88% {

        -ms-transform: translate(-5px, -1px) rotate(-1.5deg)

    }

    90% {

        -ms-transform: translate(-1px, -9px) rotate(1.5deg)

    }

    92% {

        -ms-transform: translate(8px, -6px) rotate(-3.5deg)

    }

    94% {

        -ms-transform: translate(7px, -9px) rotate(-2.5deg)

    }

    96% {

        -ms-transform: translate(4px, -5px) rotate(2.5deg)

    }

    98% {

        -ms-transform: translate(8px, 0px) rotate(-3.5deg)

    }

}

@keyframes shake-slow {

    0% {

        transform: translate(0px, 0px) rotate(0deg)

    }

    2% {

        transform: translate(-6px, -8px) rotate(2.5deg)

    }

    4% {

        transform: translate(3px, -9px) rotate(-0.5deg)

    }

    6% {

        transform: translate(3px, -8px) rotate(2.5deg)

    }

    8% {

        transform: translate(0px, 5px) rotate(0.5deg)

    }

    10% {

        transform: translate(3px, 2px) rotate(0.5deg)

    }

    12% {

        transform: translate(8px, 0px) rotate(0.5deg)

    }

    14% {

        transform: translate(4px, 7px) rotate(-3.5deg)

    }

    16% {

        transform: translate(-4px, 0px) rotate(-0.5deg)

    }

    18% {

        transform: translate(1px, 3px) rotate(-1.5deg)

    }

    20% {

        transform: translate(-8px, -1px) rotate(-3.5deg)

    }

    22% {

        transform: translate(5px, 9px) rotate(2.5deg)

    }

    24% {

        transform: translate(-9px, -10px) rotate(-2.5deg)

    }

    26% {

        transform: translate(0px, 7px) rotate(-1.5deg)

    }

    28% {

        transform: translate(-10px, 7px) rotate(2.5deg)

    }

    30% {

        transform: translate(8px, -7px) rotate(-1.5deg)

    }

    32% {

        transform: translate(0px, -8px) rotate(-0.5deg)

    }

    34% {

        transform: translate(9px, 7px) rotate(-0.5deg)

    }

    36% {

        transform: translate(-7px, 6px) rotate(0.5deg)

    }

    38% {

        transform: translate(8px, -10px) rotate(-0.5deg)

    }

    40% {

        transform: translate(8px, 0px) rotate(0.5deg)

    }

    42% {

        transform: translate(0px, -2px) rotate(1.5deg)

    }

    44% {

        transform: translate(5px, -2px) rotate(-0.5deg)

    }

    46% {

        transform: translate(1px, -10px) rotate(-2.5deg)

    }

    48% {

        transform: translate(4px, -1px) rotate(2.5deg)

    }

    50% {

        transform: translate(-5px, -4px) rotate(2.5deg)

    }

    52% {

        transform: translate(3px, 2px) rotate(-3.5deg)

    }

    54% {

        transform: translate(1px, -6px) rotate(-0.5deg)

    }

    56% {

        transform: translate(-3px, -4px) rotate(-0.5deg)

    }

    58% {

        transform: translate(-10px, -10px) rotate(2.5deg)

    }

    60% {

        transform: translate(8px, 7px) rotate(-3.5deg)

    }

    62% {

        transform: translate(9px, -6px) rotate(-3.5deg)

    }

    64% {

        transform: translate(-5px, 8px) rotate(-0.5deg)

    }

    66% {

        transform: translate(1px, -3px) rotate(0.5deg)

    }

    68% {

        transform: translate(-6px, 9px) rotate(1.5deg)

    }

    70% {

        transform: translate(-5px, 8px) rotate(-1.5deg)

    }

    72% {

        transform: translate(-10px, -2px) rotate(2.5deg)

    }

    74% {

        transform: translate(0px, -4px) rotate(1.5deg)

    }

    76% {

        transform: translate(-2px, -5px) rotate(0.5deg)

    }

    78% {

        transform: translate(-2px, 9px) rotate(-3.5deg)

    }

    80% {

        transform: translate(7px, 4px) rotate(-3.5deg)

    }

    82% {

        transform: translate(-1px, -4px) rotate(-1.5deg)

    }

    84% {

        transform: translate(3px, -6px) rotate(0.5deg)

    }

    86% {

        transform: translate(7px, -8px) rotate(-1.5deg)

    }

    88% {

        transform: translate(4px, -9px) rotate(1.5deg)

    }

    90% {

        transform: translate(1px, -6px) rotate(2.5deg)

    }

    92% {

        transform: translate(-8px, -1px) rotate(-1.5deg)

    }

    94% {

        transform: translate(-4px, -1px) rotate(0.5deg)

    }

    96% {

        transform: translate(-6px, 9px) rotate(1.5deg)

    }

    98% {

        transform: translate(7px, 4px) rotate(-0.5deg)

    }

}



.shiying{bottom: 5vh;z-index: 0;text-align:  center;font-size:  12px;width:  100vw;position:  absolute;color: #a1a2a6;}

video{opacity:.8}

.clearBoth {

    clear: both;

}

.btn-nav{opacity: 1;  transition: 1.5s;}

.activenone{opacity: 1; transition: 1.5s;}

#myVideo {

    z-index: 1;

    position: absolute;

    background-color: black;

    width: 100%;

    bottom: 0px;

    background-position: center center;

    height: 100%;

    top: 0px;

    right: 0px;

    background-size: contain;

    object-fit: cover;

}



BODY {

    padding-bottom: 0px;

    line-height: 28px;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    font-family: "Microsoft Yahei";

    background: #fff;

    color: #58595b;

    font-size: 14px;

    padding-top: 0px;

}



A {

    color: #fff;

    font-size: 14px;

    text-decoration: none;

}









#menu {

    padding-bottom: 0px;

    list-style-type: none;

    padding-left: 0px;

    width: 182px;

    padding-right: 0px;

    background: url(/public/static/modules/cms/img/mtsdh01.png);

    height: 100%;

    right: 0px;

    padding-top: 0px;

}



#menu LI {

    margin: 0px 0px 20px;

    float: left;

    font-size: 12px;

}



#menu A {

    text-align: left;

    padding-bottom: 0px;

    line-height: 32px;

    text-transform: uppercase;

    padding-left: 55px;

    width: 182px;

    padding-right: 0px;

    display: block;

    background: url(/public/static/modules/cms/img/dh_hover.png) no-repeat 182px center;

    height: 32px;

    color: #fff;

    font-size: 16px;

    text-decoration: none;

    padding-top: 0px;

    font-family: "Microsoft Yahei";

}





#menu A:hover {

    padding-bottom: 0px;

    line-height: 32px;

    background: url(/public/static/modules/cms/img/dh_hover.png) no-repeat 0px center;

    width: 182px;

    padding-right: 0px;

    height: 32px;

    color: #000;

    /*    background-position: 20px -50px;*/

    text-decoration: none;

    padding-top: 0px;

    transition: 500ms;

}



#menu .active A {

    background: url(/public/static/modules/cms/img/dh_hover.png) no-repeat 0px center;

    color: #000;

    transition: 500ms;

}



#menu .navleft A.logo {

    padding-bottom: 0px;

    margin: 0px auto;

    padding-left: 0px;

    width: 164px;

    padding-right: 0px;

    display: block;

    background: url(/public/static/modules/cms/img/logo.png) no-repeat center center;

    height: 52px;

    padding-top: 0px;

    transition: 500ms;

}





/*

#menu .navleft A.logo:hover {

    padding-bottom: 0px;

    margin: 0px auto;

    padding-left: 0px;

    width: 100%;

    padding-right: 0px;

    display: block;

    background: url(/public/static/modules/cms/img/logo.png) #a2000f no-repeat center center;

    height: 115px;

    padding-top: 0px;

}

*/



#menu LI.navleft {

    width: 182px;

    margin-bottom: 60px;

    float: left;

    margin-top: 50px;

    margin-right: 0px;

}





.logoA {

    width: 50px;

    height: 160px;

    position: fixed;

    z-index: 999000000;

    top: 10px;

   right: 60px;

    opacity: 1;

    text-align: left;

    transition: 0.5s;

}



.logoA-active {

    width: 170px;

    height: 52px;

    position: fixed;

    top: 40px;

    left: 30px;

    z-index: 999;

    opacity: 1;

    text-align: left;

    transition: 0.5s;

}



.logoA .clickimg {

    width: 28px;

    height: 28px;

    position: fixed;

 right: 60px;

	left: calc(100% - 97px);

    top: 35px;

    cursor: pointer;  transition: 0.5s;

    background: url(/public/static/modules/cms/img/fsfs2.png) no-repeat ;

}

.logoA-active .clickimg {

        width: 28px;

    height: 28px;

    position: fixed;

     right: 60px;

    top: 35px;

    cursor: pointer;  transition: 0.5s;

    background: url(/public/static/modules/cms/img/fsfs.png) no-repeat ;

}



ul.kf {

    width: 34px;

    margin: 0 auto;

}



ul.kf li {

    width: 34px;

    margin-bottom: 20px;

    position: relative;

    height: 34px;

}



ul.kf li a.kf1,

ul.kf li a.kf2,

ul.kf li a.kf3,

ul.kf li a.kf4,

ul.kf li a.kf5 {

    width: 34px;

    height: 34px;

    right: 0;

    display: block;

    background: rgba(90,90,90,0.6) url(../img/mkf.png) no-repeat;

    -moz-border-radius: 20px;

    /* -webkit-border-radius: 20px; */

    /* border-radius: 20px; */

    text-align: left;

    transition: 500ms;

    overflow: hidden;

    position: absolute;

    margin: 0 auto;

}



ul.kf li a span {

    opacity: 0;

    color: #58595b;

    padding-left: 36px;

    line-height: 34px;

}



ul.kf li img {

    transition: 0.5s;

    transition-delay: 0.5s;

    opacity: 0;

    position: absolute;

    top: -46px;

    left: -223px;

}



ul.kf li a.kf1:hover,

ul.kf li a.kf2:hover,

ul.kf li a.kf3:hover,

ul.kf li a.kf4:hover,

ul.kf li a.kf5:hover {

    border-radius: 20px 20px;

    background: #f1f1f1 url(../img/mkf2.png) no-repeat

}



ul.kf li a.kf2 {

    background-position: 0 -34px

}



ul.kf li a.kf2:hover {

    background-position: 0 -34px

}



ul.kf li a.kf3 {

    background-position: 0 -68px

}



ul.kf li a.kf3:hover {

    background-position: 0 -68px

}



ul.kf li a.kf4 {

    background-position: -132px 0

}



ul.kf li a.kf4:hover {

    background-position: -132px 0

}



ul.kf li a.kf5 {

    background-position: -176px 0

}



ul.kf li a.kf5:hover {

    background-position: -176px 0

}



.ih-item.circle.effect6 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect6.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect6 .info {

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect6 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect6 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect6.scale_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

}



.ih-item.circle.effect6.scale_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect6.scale_down .info {

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

}



.ih-item.circle.effect6.scale_down a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_down a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect6.scale_down_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease-in-out 0.2s;

    -moz-transition: all 0.35s ease-in-out 0.2s;

    transition: all 0.35s ease-in-out 0.2s;

}



.ih-item.circle.effect6.scale_down_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_down_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    border-radius: 50%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.navright {

    width: 177px;

    margin-right: 0px;

    text-align: center;

    position: absolute;

    right: 0;

    text-align: center;

    bottom: 30px;

}



.copyright {

    padding-top: 5px;

    color: #858585;

    font-size: 11px;

}



ul.kf-b {

    width: 132px;

    margin: 0 auto;

    height: 34px;

}



ul.kf-b li {

    width: 34px;

    margin-left: 5px;

    margin-right: 5px;

    float: left;

}



ul.kf-b li a.kf1,

ul.kf-b li a.kf2,

ul.kf-b li a.kf3,

ul.kf-b li a.kf4,

ul.kf-b li a.kf5 {

    width: 34px;

    height: 34px;

    display: block;

    background: #434343 url(../img/kf.png) no-repeat;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    text-indent: -999px;

    transition: 500ms;

    overflow: hidden

}



ul.kf-b li a.kf1:hover,

ul.kf-b li a.kf2:hover,

ul.kf-b li a.kf3:hover,

ul.kf-b li a.kf4:hover,

ul.kf-b li a.kf5:hover {

    background: #ffc34f url(../imgkf2.png) no-repeat;

}



ul.kf-b li a.kf2 {

    background-position: -44px 0

}



ul.kf-b li a.kf2:hover {

    background-position: -44px 0

}



ul.kf-b li a.kf3 {

    background-position: -88px 0

}



ul.kf-b li a.kf3:hover {

    background-position: -88px 0

}



ul.kf-b li a.kf4 {

    background-position: -132px 0

}



ul.kf-b li a.kf4:hover {

    background-position: -132px 0

}



ul.kf-b li a.kf5 {

    background-position: -176px 0

}



ul.kf-b li a.kf5:hover {

    background-position: -176px 0

}







/*

#menu .nav1 A {

    background: url(/public/static/modules/cms/img/nav.png) no-repeat 20px 0;

}



#menu .nav2 A {

    background: url(/public/static/modules/cms/img/nav-02.png) no-repeat 20px 0;

}



#menu .nav3 A {

    background: url(/public/static/modules/cms/img/nav-03.png) no-repeat 20px 0;

}



#menu .nav4 A {

    background: url(/public/static/modules/cms/img/nav-04.png) no-repeat 20px 0;

}



#menu .nav5 A {

    background: url(/public/static/modules/cms/img/nav-05.png) no-repeat 20px 0;

}

*/



.section {

    position: relative;

    text-align: center;

    background-position: center top;

    overflow: hidden;

}



H1 {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



H2 {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



H3 {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



P {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



UL {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



LI {

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

    padding-right: 0px;

    list-style-image: none;

    padding-top: 0px;

}



H1 {

    position: relative;

}





.div1-about {

    z-index: 999;



    position: absolute;

    width: 100%;

    background: #000;

    height: 100%;

    top: -1100px;

    opacity: 0.95;

    transition: 1s;

    transition-delay: 0s;

}



.div1-pro1 {

    z-index: 999;

    border-bottom: #bc0617 1px solid;

    position: absolute;

    width: 100%;

    background: #000;

    height: 98%;

    top: -1100px;

    opacity: 1;

    transition: 1s;

    transition-delay: 0s;

}



.div1-pro2 {

    z-index: 999;



    position: absolute;

    width: 100%;

    background: #000;

    height: 95%;

    top: -1100px;

    opacity: 1;

    transition: 1s;

    transition-delay: 0s;

}



.div1-pro3 {

    z-index: 999;



    position: absolute;

    width: 100%;

    background: #000;

    height: 95%;

    top: -1100px;

    opacity: 1;

    transition: 1s;

    transition-delay: 0s;

}



.div1-news {

    z-index: 999;

    position: absolute;

    width: 50%;

    background: #000;

    height: 100%;

    top: 0px;

    border-right: #bc0617 1px solid;

    left: -51%;

    opacity: 0.95;

    transition: 1s;

    transition-delay: 0s;

}



.div1-news2 {

    z-index: 999;

    position: absolute;

    width: 50%;

    background: #000;

    height: 100%;

    top: 0px;

    border-right: #bc0617 1px solid;

    left: -51%;

    opacity: 0.95;

    transition: 1s;

    transition-delay: 0s;

}



.div1-news-d {

    z-index: 999;

    position: absolute;

    width: 50%;

    background: #000;

    height: 100%;

    top: 0px;

    right: -51%;

    border-right: #bc0617 1px solid;

    opacity: 0.95;

    transition: 1s;

    transition-delay: 0s;

}



.active-div1-about {

    top: 0px;

    transition-delay: 0;

}



.active-div1-pro1 {

    top: 0px;

    transition-delay: 0;

}



.active-div1-pro2 {

    top: 0px;

    transition-delay: 0;

}



.active-div1-pro3 {

    top: 0px;

    transition-delay: 0;

}



.active-div1-news {

    z-index: 9999;

    left: 0px;

    transition-delay: 0;

}



.active-div1-news-d {

    right: 0px;

    transition-delay: 0;

}



.open-about {

    margin: 0px auto;

    display: block;

}



.open-pro1 {

    margin: 0px auto;

    display: block;

}



open-news {

    margin: 0px auto;

    display: block;

}



.div1-ly {

    z-index: 999;



    position: absolute;

    width: 100%;

    background: #000;

    opacity: 0.95;



    top: 20%;

    padding: 10px 0;

    left: -1920px;

    transition: 1s;

}



.active-div1-ly {

    left: 0;

}



#p2-contant {

    padding-top: 20px;

    height: 100%;

}



.close-about {

    z-index: 9999;

    position: absolute;

    width: 48px;

    height: 0px;

    left: 50%;

    margin-left: -24px;

    bottom: -24px;

    text-align: center;

    overflow: hidden;

    transition: 0.5s;

    transition-delay: 0s;

}



.close-about:hover {

    filter: Alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.close-about,

.close-pro1,

.close-pro2,

.close-pro3 {

    z-index: 9999;

    position: absolute;

    width: 48px;

    line-height: 48px;

    height: 0px;

    left: 50%;

    margin-left: -24px;

    bottom: 0;

    color: #FFF;

    display: block;



    transition: 0.5s;

    transition-delay: 0s;

}



.close-about:hover,

.close-pro1:hover,

.close-pro2:hover,

.close-pro3:hover {

    filter: Alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.active-close-about,

.active-close-pro1,

.active-close-pro2,

.active-close-pro3 {

    height: 48px;

    bottom: 50px;

    transition-delay: 1s;

}



.close-news,

.close-news2 {

    z-index: 9999;

    position: absolute;

    width: 48px;

    height: 0px;

    margin-left: -24px;

    top: 48%;

    left: 50%;

    overflow: hidden;

    filter: Alpha(opacity=90);

    -moz-opacity: 0.9;

    opacity: 0.9;

    transition: 0.5s;

    transition-delay: 0s;

}



.close-news:hover {

    filter: Alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.close-news2:hover {

    filter: Alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.active-close-news {

    height: 48px;

    transition-delay: 1s;

}



.close-ly:hover {

    filter: Alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.close-ly {

    z-index: 9999;

    position: absolute;

    width: 48px;

    height: 0px;

    left: 10%;

    bottom: 50%;

    overflow: hidden;

    filter: Alpha(opacity=90);

    -moz-opacity: 0.9;

    opacity: 0.9;

    transition: 0.5s;

    transition-delay: 0s;

}



.active-close-ly {

    height: 48px;

    transition-delay: 1s;

}



#content {

    text-align: left;

    margin: 0px auto;

    width: 1000px;

    color: #ccc;

    font-size: 12px;

}



#content P {

    text-align: left;

    color: #ccc;

    font-size: 12px;

}



.slider1 {

    background: url(/public/static/modules/cms/img/p1bg.jpg) no-repeat 50% 50%;

    transition: all 2s;

    background-size: 2880px 1620px;

}



.slider1.active {

    background: url(/public/static/modules/cms/img/p1bg.jpg) no-repeat 50% 50%;

    background-size: 1920px 1080px;

    transition-delay: 0s;

}



.slider2 {

    background: url(/public/static/modules/cms/img/p1bg2.jpg) no-repeat 50% 50%;

    transition: all 2s;

    background-size: 2880px 1620px;

}



.slider2.active {

    background: url(/public/static/modules/cms/img/p1bg2.jpg) no-repeat 50% 50%;

    background-size: 1920px 1080px;

    transition-delay: 0s;

}



.serBox {

    cursor: pointer;

    display: inline;

    width: 138px;

    height: 138px;

    float: left;

    overflow: hidden;

    background: url(/public/static/modules/cms/img/p3-2.png) no-repeat;

    position: relative;

}



.serBoxOn {

 

    display: none;

    width: 138px;

    height: 138px;

    background: url(/public/static/modules/cms/img/p3-2-h.png) no-repeat;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 19;

}



.serBox .pic1 {

    width: 60px;

    height: 60px;

    text-align: center;

    position: absolute;

    top: 30px;

    right: 39px;

    z-index: 99;

}



.serBox .pic2 {

    width: 60px;

    height: 60px;

    text-align: center;

    position: absolute;

    top: 30px;

    left: -110px;

    z-index: 99;

}



.serBox .txt1 {

    width: 138px;

    height: 60px;

    color: #fff;

    position: absolute;

    top: 90px;

    left: 0;

    z-index: 99;

}



.serBox .txt2 {

    width: 138px;

    height: 138px;

    color: #a9cf4f;

    position: absolute;

    top: 0px;

    right: -240px;

    z-index: 99;

}



.serBox span.tit {

    font-size: 12px;

    display: block;

    text-align: center;

    text-transform: uppercase;

    text-align: center;

}



.serBox .txt1 .tit {

    color: #ffffff;

    line-height: 30px;

}



.serBox .txt2 .tit {

    color: #bc0617;

    padding-top: 90px;

    height: 48px;

}



.serBox p {

    padding: 0 10px;

    text-align: center;

}







A.tu0 {

    width: 383px;

    display: block;

    background: url(/public/static/modules/cms/img/p1.png) no-repeat center center;

    height: 383px;

    transition: all 1.5s;

}



A.tu0:hover {

    width: 383px;

    display: block;

    background: url(/public/static/modules/cms/img/p1-h.png) no-repeat center center;

    height: 383px;

}



A.tu1 {

    width: 223px;

    display: block;

    background: url(/public/static/modules/cms/img/p1-02.png) no-repeat center center;

    height: 223px;

    transition: all 1.5s;

}



A.tu1:hover {

    width: 223px;

    display: block;

    background: url(/public/static/modules/cms/img/p1-02h.png) no-repeat center center;

    height: 223px;

}



A.tu2 {

    width: 223px;

    display: block;

    background: url(/public/static/modules/cms/img/p1-03.png) no-repeat center center;

    height: 223px;

    transition: all 1.5s;

}



A.tu2:hover {

    width: 223px;

    display: block;

    background: url(/public/static/modules/cms/img/p1-03h.png) no-repeat center center;

    height: 223px;

}



.fp-controlArrow.fp-prev {

    left: 20%;

    width: 66px;

    background: url(/public/static/modules/cms/img/arrleft.png) no-repeat;

    height: 131px;

    opacity: 0;

    transition: all 1.5s;

}



.active .fp-controlArrow.fp-prev {

    left: 10%;

    width: 66px;

    opacity: 0.7;

    transition-delay: 1s;

}



.fp-controlArrow.fp-next {

    right: 20%;

    width: 66px;

    background: url(/public/static/modules/cms/img/arrright.png) no-repeat;

    height: 131px;

    opacity: 0;

    opacity: 0.7;

    transition: all 1.5s;

}



.active .fp-controlArrow.fp-next {

    right: 10%;

    opacity: 0.7;

    transition-delay: 1s;

}



.section01 .cf_content {

    position: relative;

}



.section01 .nr1 {

    width: 760px;

    position: absolute;

    left: 50%;

    margin-left: -600px;

    top: 200px;

    height: 480px;

}





.section01 {

    background: #58595b;

    transition: all 1.5s;

 }



.section01.active {

    background: #58595b;

     transition-delay: 0s;

}



.shipin{width: 100vw;position: absolute;left: 50%;margin-left: -50vw;top: -10px;z-index: 0;background: #111;z-index: 1;/* height: 100vh; */opacity: 1;}

.shipinbg{background: #000;width: 100vw; height:100vh;}



.p1-0 {position: absolute;width: 895px;height: 132px;top: 150px;left: 50%;margin-left: -601.5px;color: #e5e0da;font-size: 50px;opacity: 0!important;z-index: 2;text-align: center;transition: all 1.5s;z-index: 9;}





.active .p1-0 {



    top: 340px;



    opacity: 1!important;



    transition-delay: 1s;

}









.p1-2 {



    position: absolute;



    width: 895px;



    height: 35px;



    top: 350px;



    left: 50%;



    margin-left: -448px;



    color: #e5e0da;



    font-size: 50px;



    opacity: 0;



    top: 350px;



    text-align: center;



    transition: all 1.5s;



    z-index: 9;

}





.active .p1-2 {



    top: 400px;



    opacity: 1;



    transition-delay: 1.5s;

}







.p1-1 {

    z-index: 2;

    position: absolute;

    width:160px;

    height: 50px;

    top: 560px;

 border-radius: 10px;

    left: 50%;

    line-height: 36px;

    font-size: 14px;

    text-align: left;

    opacity: 0;

    margin-left: -80px;

    transition: all 1.5s;

}



.active .p1-1 {

  top:80%;

    opacity: 1;

    transition-delay: 2s;

}

.p1-1 a{width: 159px; height: 49px;  

 border-radius: 10px;display: block; border:1px solid #005bac; color: #005bac; line-height: 50px; text-align: center; transition: all 1.5s; }

.p1-1 a:hover{width: 159px; height: 49px;  border-radius: 10px;display: block; border:1px solid #fff; color: #005bac; line-height: 50px; text-align: center; }



.p1-1 a::before { border-radius: 10px;

    content: '';

    z-index: -1;

    position: absolute;

    height: 100%;

    width: 0;

    left: 0;

    top: 0;

    opacity: 0;

    background: #fff;

    transition: all 1s ease;

}



.p1-1 a:hover::before { border-radius: 10px;

    opacity: 1;

    width: 100%;

}





.p1-b {

    position: absolute;

    text-align: center;

    width: 32px;

    height: 20px;

    left: 50%;

    bottom: 15vh;

    opacity: 0;

    z-index: 111112;

    margin-left: -16px;

    transition: all 1.5s;

}



.active .p1-b {

    position: absolute;

    bottom: 6vh;

    opacity: 1;

    transition-delay: 2.5s;

}

.logoz{

	position: fixed;left: 60px;top:15px;z-index: 999;

}

 

@media (max-width:1200px) {

	.logoz{

		left: 15px;

	}.logoA{

		right: 15px;

	}.logoA .clickimg{    position: fixed;

		left: calc(100% - 52px);

	}

	.open-bot{

		right:20px!important;

	}

	input[type=search]{

		right: 80px;

	}

}



@media (max-width:600px) {

	.logoz{

	top:25px;

}

 

	.logoz img{

		width: 180px;

	}

	

}

.more {

    line-height: 37px;

    text-transform: uppercase;

    margin: 0px auto;

    width: 180px;

    display: block;

    background: #fa9a20;

    height: 37px;

    color: #fff;

    font-size: 12px;

    transition: all 500ms;

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

}



.more:hover {

    line-height: 37px;

    margin: 0px auto;

    width: 190px;

    display: block;

    background: #fff;

    height: 37px;

    color: #fa9a20;

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    border: 1px solid #fa9a20;

}







/*鼠标浮动最先*/



.arr {

    width: 32px;

    margin: 0px auto;

    position: relative;

    animation: arrUpdown 1s infinite alternate;

    -webkit-animation: arrUpdown 1s infinite alternate;

}



.arr2 {

    width: 32px;

    height: 18px;

    position: relative;

}



@keyframes arrUpdown {

    from {

        margin-top: -5px;

        opacity: 0.5

    }

    to {

        margin-top: 5px;

        opacity: 0.9

    }

}



@-webkit-keyframes arrUpdown {

    from {

        margin-top: -5px;

        opacity: 0.5

    }

    to {

        margin-top: 5px;

        opacity: 0.9

    }

}





/*鼠标浮动竣事*/



.container {

    position: relative;

    width: 100px;

    height: 100px;

}



.chevron {

    position: absolute;

    width: 28px;

    height: 3px;

    left: 50%;

    margin-left: -14px;

    opacity: 0;

    transform: scale3d(0.5, 0.5, 0.5);

    animation: move 3s ease-out infinite;

}



.chevron:first-child {

    animation: move 3s ease-out 1s infinite;

}



.chevron:nth-child(2) {

    animation: move 3s ease-out 2s infinite;

}



.chevron:before,

.chevron:after {

    content: ' ';

    position: absolute;

    top: 0;

    height: 100%;

    width: 51%;

    background: #fa9a20;

}



.chevron:before {

    left: 0;

    transform: skew(0deg, 30deg);

}



.chevron:after {

    right: 0;

    width: 50%;

    transform: skew(0deg, -30deg);

}



@keyframes move {

    25% {

        opacity: 1;

    }

    33% {

        opacity: 1;

        transform: translateY(30px);

    }

    67% {

        opacity: 1;

        transform: translateY(40px);

    }

    100% {

        opacity: 0;

        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);

    }

}



.text {

    display: block;



    padding-top: 60px;

     font-size: 12px;

    color: #666;

    text-transform: uppercase;

    white-space: nowrap;

    opacity: .25;

    animation: pulse 2s linear alternate infinite;

}



@keyframes pulse {

    to {

        opacity: 1;

    }

}







.section02 {

	 background: url(/public/static/modules/cms/img/b3.png) no-repeat center;



    transition: all 1.5s;

    background-size: 2880px 1620px;

}



.section02.active {

   

	 background: url(/public/static/modules/cms/img/b3.png) no-repeat center;

    background-size: 1920px 1080px;

    transition-delay: 0s;

}







.section02 .cf_content {

    position: relative;

}



.nr2 {

    width: 900px;

    position: absolute;

    left: 20%;

float: left;

    top: 20%;

    height: 480px;

    opacity:0;

    transition:all 1.5s;

    background: rgba(0,91,172,0.8);

}

.active .nr2 {

   

        opacity:1;

    margin-left: 280px;

      transition-delay: 1s;

}





.p2-0 {

    position: absolute;

    text-align: center;

    width: 284px;

    height: 482px;

    top: 20%;

float: left;

    opacity: 0;

    left: 50%;

    margin-left: -700px;

    transition: all 1.5s;

}





p{

	text-align: justify!important;

}



.active .p2-0 {

    margin-left: -600px;

    transition-delay: 1s;

     opacity:1;

}



 

@media (max-width:1600px) {

	.active .nr2 {

   

      

		margin-left: 200px;}

}

@media (max-width:1450px) {

	.active .nr2 {

   

   

    margin-left: 120px;

}

	.p2-0{

		left: 48%;

	}

}

@media (max-width:1350px) {

	.active .nr2 {

   

   

    margin-left: 50px;

}

	.p2-0{

		left: 50%;

	}

}

@media (max-width:1200px) {

	

	.p2-0{

		display: none;

	}

	.nr2{

		

		left: 50%;

    margin-left: -450px!important;

	}

}

@media (max-width:900px) {

	.nr2 {

		width: 90%;

	

	left: 0!important;

		margin-left: 5%!important;

	

	}

	.active .p2-1 {

 

		top: 30px!important;}

	.active .p2-2 {

    position: absolute;

    top: 170px!important;

		

		

	}.active .p2-3 {

    position: absolute;

    top: 310px!important;

		

	}

}





@media (max-width:700px) {

	

	.p2-1 p {

		font-size: 16px!important;

	height: 84px!important;

		overflow: hidden;

	}

	.p2-1 h4 {height: 28px!important;

		overflow: hidden;

		font-size: 20px;}.p2-2 p {

		font-size: 16px!important;

	height: 80px!important;

		overflow: hidden;

	}

	.p2-2 h4 {height: 26px!important;

		overflow: hidden;

		font-size: 20px;}.p2-3 p {

		font-size: 16px!important;

	height: 84px!important;

		overflow: hidden;

	}

	.p2-3 h4 {height: 28px!important;

		overflow: hidden;

		font-size: 20px;}

}

.maskwave {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 0;

}



.wave {



    position: absolute;

    top: 150px;

    left: 0;

    width: 100%;

    height: 570px;

    z-index: 0;

    opacity: 0;

    background: none;

    transition: all 1.5s;

}



.active .wave {

    opacity: 1;

    transition-delay: 2.5s;

}





.p2-1 {

    position: absolute;

    text-align: center;

    width: 90%;

    height: 120px;

	border-bottom: 1px #fff solid;

    top: 0px;

    left: 5%;



    opacity: 0;

    transition: all 1.5s;

}

.p2-1 h4{

	font-size: 24px;

	text-align: left;

	color: #fff;

}.p2-1 p{

	font-size: 18px;

	text-align: left;

	color: #fff;

	margin-top: 15px;



}

.active .p2-1 {

    position: absolute;

    opacity: 1;

    top: 50px;

    transition-delay: 1.5s;

}



.p2-2 {

    position: absolute;

    text-align: center;

     width: 90%;

      height: 120px;

	border-bottom: 1px #fff solid;

    top: 100px;

    left: 5%;

    opacity: 0;

    color: #fff;

    line-height: 26px;

    transition: all 1.5s;

}

.p2-2 h4{

	font-size: 24px;

	text-align: left;

	color: #fff;

}.p2-2 p{

	font-size: 18px;

	text-align: left;

	color: #fff;

	margin-top: 15px;

}

.active .p2-2 {

    position: absolute;

    top: 190px;

    opacity: 1;

    transition-delay: 2s;

}



.p2-3 h4{

	font-size: 24px;

	text-align: left;

	color: #fff;

}.p2-3 p{

	font-size: 18px;

	text-align: left;

	color: #fff;

	margin-top: 15px;

}

.p2-3 {

    position: absolute;

    text-align: center;

      width: 90%;

  

    top: 30px;

    left: 5%;

    top: 280px;

    opacity: 0;



    transition: all 1.5s;

}



.active .p2-3 {

    position: absolute;

    top: 330px;

    opacity: 1;

    transition-delay: 2.5s;

}



.aboutmore {

    width: 30px;

    height: 30px;

    margin: 0 auto;

    display: block;

    border: 1px solid #e1e0e0;

    background: url(/public/static/modules/cms/img/more.png) no-repeat center center;

    transition: all 1.5s;

}



.aboutmore:hover {

    width: 30px;

    height: 30px;

    margin: 0 auto;

    display: block;

    border: 1px solid #58595b;

    background: #58595b url(../img/amore2.png) no-repeat center center;

    transition: all 1.5s;

}



.sjmore {

    width: 30px;

    height: 30px;

    /* float:left; */

    margin-top: 15px;

    display: inherit;

    border: 1px solid #e1e0e0;

    background: url(/public/static/modules/cms/img/amore.png) no-repeat center center;

    transition: all 1.5s;

}



.sjmore:hover {

    width: 30px;

    height: 30px;

 

    display: block;

    border: 1px solid #58595b;

    background: #58595b url(../img/amore2.png) no-repeat center center;

    transition: all 1.5s;

}



.p2-4 {

    position: absolute;

    text-align: center;

    width: 40px;

    height: 20px;

    left: 50%;

    top: 350px;

    opacity: 0;

    margin-left: -20px;

    transition: all 1.5s;

}



.active .p2-4 {

    position: absolute;

    top: 400px;

    opacity: 1;

    transition-delay: 3s;

}



.section03 {

	

	 background: url(/public/static/modules/cms/img/b2.png) no-repeat left;

    

    transition: all 1.5s;

    background-size: 2880px 1620px;

}



.section03.active {

    background-size: 1920px 1080px;

    transition-delay: 0s;

}



.p3-1 {

        position: absolute;

        top: 20vh;

        left: 50%;

        margin-left: -31.25%;

        width: 62.5%;

    }



@media screen and (max-width: 1600px) {



    .p3-1 {

        position: absolute;

        top: 22vh;

        left: 50%;

     	margin-left: -37.5%;

        width: 75%;

    }ul.p3-1 li {

   

		height: 18vw!important;}



}

@media screen and (max-width: 1450px) {



    .p3-1 {

        position: absolute;

         top: 24vh;

        left: 50%;

 	margin-left: -37.5%;

        width: 75%;

    }



}





@media screen and (max-width: 1280px) {



    .p3-1 {

        position: absolute;

        top: 24vh;

        left: 50%;

     	margin-left: -42.5%;

        width: 85%;

    }ul.p3-1 li {

   

		height: 20vw!important;}



 

}





@media screen and (max-width: 900px) {

	

	ul.p3-1 li {

		width: 50%!important;}

	 .p3-1 {

        position: absolute;

        top: 13vh;

        left: 50%;

   	margin-left: -37.5%;

        width: 75%;

    }ul.p3-1 li {

   

		height: 28vw!important;}



}







@media screen and (max-width: 700px) {

	

	 .p3-1 {

        position: absolute;

        top: 18vh;

        left: 50%;

   	margin-left: -37.5%;

        width: 75%;

    }ul.p3-1 li {

   

		height: 28vw!important;}

	ul.p3-1 li:nth-child(1) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp111.png) no-repeat center center!important;



}



}

@media screen and (max-width: 500px) {

	 .p3-1 {

        position: absolute;

        top: 25vh;

        left: 50%;

	margin-left: -42.5%;

        width: 85%;

    }ul.p3-1 li {

   

		height: 30vw!important;}

		ul.p3-1 li:nth-child(1) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp1111.png) no-repeat center center!important;



}

		ul.p3-1 li:nth-child(2) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp211.png) no-repeat center center!important;



}

		ul.p3-1 li:nth-child(3) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp311.png) no-repeat center center!important;



}	ul.p3-1 li:nth-child(4) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp411.png) no-repeat center center!important;



}	ul.p3-1 li:nth-child(5) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp511.png) no-repeat center center!important;



}

}

.active .p3-1 {}





.p3-1 li:nth-child(1) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(1) {

    opacity: 1;

    transition-delay: 1s;

}





.p3-1 li:nth-child(2) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(2) {

    opacity: 1;

    transition-delay: 1s;

}





.p3-1 li:nth-child(3) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(3) {

    opacity: 1;

    transition-delay: 1s;

}





.p3-1 li:nth-child(4) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(4) {

    opacity: 1;

    transition-delay: 1s;

}





.p3-1 li:nth-child(5) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(5) {

    opacity: 1;

    transition-delay: 1s;

}





.p3-1 li:nth-child(6) {

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-1 li:nth-child(6) {

    opacity: 1;

    transition-delay: 1s;

}





.jg {

    opacity: 1;

    transition: all 1.5s;

    width: 437px;

    height: 0px;

    position: absolute;

    left: 50%;

    margin-left: -218px;

    bottom: 62px;

    background: url(/public/static/modules/cms/img/mprohover.png) no-repeat center top;

    overflow: hidden;

}

.jgactive{

    opacity: 1;

    transition: all 1.5s;

    width: 437px;

    height: 189px;

    position: absolute;

    left: 50%;

    margin-left: -218px;

    bottom: 62px;

    overflow: hidden;

}

 



ul.p3-1 li {

    width: 33.33%;

    float: left;

   height: 14.5vw;

    overflow: hidden;

	border: 1px solid #fff;

}

ul.p3-1 li a.logo{ text-indent:-9999px} 



ul.p3-1 li:nth-child(1) {

    background: url(/public/static/modules/cms/img/cp1.png) no-repeat center center;

	background-size:100% 100%;



    transition: all 1.5s;

 background-size: cover;

    position: relative;

}



ul.p3-1 li:nth-child(1) a.logo {

    width: 100%;

    height: 100%;

    display: block;

   

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}



ul.p3-1 li:nth-child(1) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp11.png) no-repeat center center;

    transition: all 1.5s;

}



 

ul.p3-1 li:nth-child(2) {

    background: url(/public/static/modules/cms/img/cp2.png) no-repeat center center;background-size:100% 100%;



    transition: all 1.5s;

    position: relative;

     background-size: cover;

}



ul.p3-1 li:nth-child(2) a.logo {

        width: 100%;

    height: 100%;

    display: block;

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}



ul.p3-1 li:nth-child(2) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp21.png) no-repeat center center;

    transition: all 1.5s;

}





ul.p3-1 li:nth-child(3) {

    background: url(/public/static/modules/cms/img/cp3.png) no-repeat center center;background-size:100% 100%;



    transition: all 1.5s;

    position: relative;

     background-size: cover;

}



ul.p3-1 li:nth-child(3) a.logo {

       width: 100%;

    height: 100%;

    display: block;

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}



ul.p3-1 li:nth-child(3) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp31.png) no-repeat center center;

    transition: all 1.5s;

}



 

ul.p3-1 li:nth-child(4) {

    background: url(/public/static/modules/cms/img/cp4.png) no-repeat center center;background-size:100% 100%;



    transition: all 1.5s;

    position: relative;

     background-size: cover;

}



ul.p3-1 li:nth-child(4) a.logo {

        width: 100%;

    height: 100%;

    display: block;

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}



ul.p3-1 li:nth-child(4) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp41.png) no-repeat center center;

    transition: all 1.5s;

}



 

ul.p3-1 li:nth-child(5) {

    background: url(/public/static/modules/cms/img/cp5.png) no-repeat center center;background-size:100% 100%;



    transition: all 1.5s;

    position: relative;

     background-size: cover;

}



ul.p3-1 li:nth-child(5) a.logo {

    width: 100%;

    height: 100%;

    display: block;

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}



ul.p3-1 li:nth-child(5) a.logo:hover {

    background: rgba(88,89,91,0.9) url(../img/cp51.png) no-repeat center center;

    transition: all 1.5s;

}



 

ul.p3-1 li:nth-child(6) {

    background: url(/public/static/modules/cms/img/cp6.png) no-repeat center center;background-size:100% 100%;



    transition: all 1.5s;

    position: relative;

     background-size: cover;

}

ul.p3-1 li:nth-child(6) a{

    width: 100%;

    height: 100%;

    display: block;

    transition: all 1.5s;

    position: absolute;

    bottom: 0px;

    left: 0;

}

.jg h1 {

    width: 355px;

    /* height: 60px; */

    display: block;

    margin: 0 auto;

    line-height: 30px !important;

    color: #f1f1f1;

    padding-top: 18px;

}



.tb li a .tb {

    width: 34px;

    height: 34px;

    display: block;

    background: url(/public/static/modules/cms/img/mtb.jpg) no-repeat;

}



.tb li {

    width: 64px !important;

    height: 64px !important;

    float: left;

    margin: 0 !important;

    background: none !important;

}



.tb li a {

    width: 64px;

    height: 34px;

    display: block;

    left;

}



.tb li a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    transition: all .5s;

}



.tb .tb1 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto

}



.tb li a .zi {

    width: 64px;

    height: 34px;

    display: block;

    text-align: center;

    color: #e5e0da

}



.tb li a .zi {

    width: 64px;

    height: 34px;

    display: block;

    text-align: center;

    color: #fff

}



.tb li.tb2 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -34px 0

}



.tb li.tb3 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -68px 0

}



.tb li.tb4 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -102px 0

}



.tb li.tb5 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -136px 0

}



.tb li.tb6 a .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -170px 0

}







.tb .tb1 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: 0 -34px

}



.tb li.tb2 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -34px -34px

}



.tb li.tb3 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -68px -34px

}



.tb li.tb4 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -102px -34px

}



.tb li.tb5 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -136px -34px

}



.tb li.tb6 a:hover .tb {

    width: 34px;

    height: 34px;

    display: block;

    margin: 0 auto;

    background-position: -170px -34px

}







ul.tb {

    width: 385px;

    margin: 0 auto;

    padding-top: 20px;

    height: 60px;

}



.p3-2 {

    position: absolute;

    width: 1200px;

    height: 540px;

    margin-left: -600px;

    top: 250px;

    left: 50%;

    opacity: 1;

    transition: all 1.5s;

}



.active .p3-2 {

    position: absolute;

    top: 250px;

    opacity: 1;

    transition-delay: 1.5s;

}



.p3-2-1 {

    width: 600px;

    overflow: hidden;

    height: 0px;

    position: relative;

    background: #17181a;

    overflow: hidden;

    transition: all 1s;

    position: absolute;

    left: 0

}



.p3-2-2 {

    width: 600px;

    overflow: hidden;

    height: 0px;

    position: relative;

    background: #222222;

    overflow: hidden;

    transition: all 1s;

    position: absolute;

    right: 0

}





.active .p3-2-1 {

    width: 600px;

    height: 86px;

    float: left;

    background: #17181a;

    overflow: hidden;

    transition-delay: 1.5s;

    padding: 0;

}



.active .p3-2-2 {

    width: 600px;

    height: 86px;

    float: left;

    background: #222222;

    overflow: hidden;

    transition-delay: 2s;

}



.p3-2-1 a {

    width: 600px;

    height: 86px;

    display: block;

    overflow: visible;

    background: #17181a;

    position: absolute;

    transition: all 1.5s;

    margin: 0;

}



.p3-2-2 a {

    width: 600px;

    height: 86px;

    display: block;

    overflow: visible;

    background: #222222;

    position: absolute;

    transition: all 1.5s;

    margin: 0;

}



.p3-2-1 a:hover {

    width: 600px;

    height: 86px;

    display: block;

    overflow: visible;

    background: #665044;

}



.p3-2-2 a:hover {

    width: 600px;

    height: 86px;

    display: block;

    overflow: visible;

    background: #533f34;

}





.p3-2-1 span,

.p3-2-2 span {

    width: 22px;

    padding-bottom: 10px;

    border-top: 1px solid #fff;

    display: block;

    margin: 0 auto;

    margin-top: 15px;

    transition: all 1.5s;

}



.p3-2-1 h1,

.p3-2-2 h1 {

    width: 100px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    height: 25px;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

}



.p3-2-1 h2,

.p3-2-2 h2 {

    width: 100px;

    text-align: center;

    color: #533f34;

    font-size: 12px;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

}



.p3-2-1 a:hover span,

.p3-2-2 a:hover span {

    width: 60px;

    margin-top: 20px;

}



.p3-2-1 a:hover h1,

.p3-2-2 a:hover h1 {

    font-size: 14px;

    margin-top: 5px;

}



.p3-2-1 a:hover h2,

.p3-2-2 a:hover h2 {

    margin-top: 50px;

}



.p3-3 {

    position: absolute;

    width: 362px;

    height: 145px;

    margin-left: -550px;

    top: 350px;

    left: 50%;

    opacity: 0;

    text-align: left;

    transition: all 1.5s;

}



.p3-2-3 {

    width: 600px;

    height: 368px;

    float: left;

    background: #222222;

    overflow: hidden;

    transition: all 1.5s;

    transition: all 2s;

    position: absolute;

    left: 0;

    top: 86px;

    opacity: 0

}



.p3-2-3 img {

    float: left;

}



.p3-2-4 {

    width: 600px;

    height: 368px;

    float: right;

    background: #292929;

    overflow: hidden;

    transition: all 1.5s;

    transition: all 2s;

    top: 86px;

    position: absolute;

    right: 0;

    top: 86px;

    opacity: 0;

    text-align: center

}





.active .p3-2-3 {

    width: 600px;

    height: 368px;

    float: left;

    background: #222222;

    overflow: hidden;

    transition-delay: 2.5s;

    padding: 0;

    opacity: 1

}



.active .p3-2-4 {

    width: 600px;

    height: 368px;

    float: left;

    background: #292929;

    overflow: hidden;

    transition-delay: 3s;

    padding: 0;

    opacity: 1

}





.p3-2-5 {

    width: 600px;

    height: 0px;

    float: left;

    overflow: hidden;

    transition: all 1s;

    position: absolute;

    left: 0;

    top: 454px;

}



.p3-2-6 {

    width: 600px;

    height: 0px;

    float: right;

    background: #665044;

    overflow: hidden;

    transition: all 1s;

    position: absolute;

    right: 0;

    top: 454px;

}



.p3-2-5 img {

    position: absolute;

    left: 34px;

    top: 26px;

}



.p3-2-6 img {

    position: absolute;

    left: 29px;

    top: 29px;

}



.p3-2-5 span,

.p3-2-6 span {

    width: 22px;

    padding-bottom: 10px;

    border-top: 1px solid #fff;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

    position: absolute;

    top: 31px;

    left: 100px;

}



.p3-2-5 a:hover span,

.p3-2-6 a:hover span {

    width: 60px;

    padding-bottom: 10px;

    border-top: 1px solid #fff;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

    position: absolute;

    top: 31px;

    left: 100px;

}







.p3-2-5 a {

    width: 600px;

    height: 86px;

    display: block;

    background: #533f34;

    transition: all 1.5s;

}



.p3-2-6 a {

    width: 600px;

    height: 86px;

    display: block;

    background: #665044;

    transition: all 1.5s;

}





.p3-2-5 a:hover {

    background: #222222;

}



.p3-2-6 a:hover {

    background: #292929;

}







.p3-2-5 h1,

.p3-2-6 h1 {

    width: 100px;

    text-align: left;

    color: #fff;

    font-size: 14px;

    height: 25px;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

    position: absolute;

    line-height: 14px;

    top: 43px;

    left: 100px;

}



.p3-2-5 h2 {

    width: 400px;

    text-align: left;

    color: #8e7567;

    font-size: 12px;

    line-height: 26px !important;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

    position: absolute;

    line-height: 14px;

    top: 17px;

    left: 185px;

}



.p3-2-6 h2 {

    width: 400px;

    text-align: left;

    color: #9a8275;

    font-size: 12px;

    line-height: 26px !important;

    display: block;

    margin: 0 auto;

    transition: all 1.5s;

    position: absolute;

    line-height: 14px;

    top: 17px;

    left: 185px;

}







.active .p3-2-5 {

    width: 600px;

    height: 86px;

    text-align: left;

    float: left;

    overflow: hidden;

    position: relative;

    transition-delay: 3.5s;

}



.active .p3-2-6 {

    width: 600px;

    height: 86px;

    text-align: left;

    float: right;

    overflow: hidden;

    position: relative;

    transition-delay: 4s;

}







.active .p3-3 {

    position: absolute;

    top: 400px;

    opacity: 1;

    transition-delay: 2s;

}



.p3-4 {

    position: absolute;

    width: 1px;

    height: 30px;

    margin-left: -460px;

    top: 530px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-4 {

    position: absolute;

    top: 580px;

    opacity: 1;

    transition-delay: 2.5s;

}



.p3-5 {

    z-index: 1;

    position: absolute;

    width: 166px;

    height: 39px;

    margin-left: -551px;

    top: 600px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-5 {

    top: 650px;

    opacity: 1;

    transition-delay: 3s;

}



.p3-6 {

    z-index: 1;

    position: absolute;

    width: 614px;

    height: 0;

    margin-left: -67px;

    top: 190px;

    left: 50%;

    opacity: 0;

    overflow: hidden;

    transition: all 1.5s;

}



.active .p3-6 {

    top: 240px;

    height: 517px;

    opacity: 1;

    transition-delay: 3.5s;

}



.p3-7 {

    z-index: 4;

    position: absolute;

    width: 95px;

    bottom: 80px;

    height: 68px;

    margin-left: -48px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

}



.active .p3-7 {

    z-index: 4;

    position: absolute;

    width: 95px;

    bottom: 30px;

    height: 68px;

    margin-left: -48px;

    left: 50%;

    opacity: 1;

    transition-delay: 4s;

}





.p3-b {

    position: absolute;

    text-align: center;

    width: 39px;

    height: 20px;

    left: 50%;

    bottom: 100px;

    opacity: 0;

    margin-left: -20px;

    transition: all 1.5s;

}



.active .p3-b {

    position: absolute;

    bottom: 50px;

    opacity: 1;

    transition-delay: 4s;

}



.section04 {

  	

	 background: url(/public/static/modules/cms/img/b1111.png) no-repeat center;

    transition: all 1.5s;

    background-size: 2880px 1620px;

}



.section04.active {

	

	

	

	 background: url(/public/static/modules/cms/img/b1111.png) no-repeat center;

    

  

    background-size: 1920px 1080px;

    transition-delay: 0s;

}



.box04-content {

    position: relative;

    margin: 0px auto;

    width: 903px;

    height: 430px;

    padding-top: 60px;

}



.p4-t {

    position: absolute;

    width:62.5%;

    text-align: center;

 margin-left: 18.75%;

    top: 8vh;



    opacity: 0;

    text-align: center;

    transition: all 1.5s;

}





.active .p4-t {

    position: absolute;

    top: 25vh;

    opacity: 1;

    transition-delay: 1s;

}  

.p4-t h1{ font-size: 36px; font-family: 'Microsoft Yahei'; text-align: center; color: #005bac;font-weight: bold;}

.p4-t span{font-size: 12px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #8d8d8d;}

.p4-1 a.imga:before {

    content: "";

    width: 0;

    z-index: 99999;

    position: absolute;

    transition: all 1.5s;

    height: 273px;

    display: block;

    background-color: #533f34;

    opacity: .9

}



.p4-1 a.imga {

    width: 720px;

    height: 275px;

    border: 1px solid #383838;

    padding: 10px;

    display: block;

    overflow: hidden;

}





.p4-1 a.imga:hover:before {

    content: "";

    width: 720px;

    position: absolute;

    height: 273px;

    display: block;

}



.p4-1 a.imga p {

    opacity: 0;

    transition: all 1.5s;

    position: absolute;

    top: 0;

    color: #fff;

    text-align: center;

    z-index: 9999999;

    width: 720px;

    padding-top: 160px;

}



.p4-1 a.imga:hover p {

    opacity: 1;

    padding-top: 110px;

}



.p4-1 {

    position: absolute;

    width: 1007px;

    height: 500px;

    margin-left: -503.5px;

    top: 50vh;

    left: 50%;

    opacity: 0;

    text-align: left;

    transition: all 1.5s;

}

.active .p4-1 {

    position: absolute;

    top: 45vh;

    opacity: 1;

    transition-delay: 1.5s;

}



ul.p4-1 li {

    position: relative;

    float: left;

    overflow: hidden

}



ul.p4-1 li img {

    transition: all 1s !important;

    -webkit-transition: all 1s !important;

}



ul.p4-1 li a:hover img {

	      -webkit-transform: rotatez(180deg);

            -moz-transform: rotatez(180deg);

            -o-transform: rotatez(180deg);

            -ms-transform: rotatez(180deg);

            transform: rotatez(180deg);

	

}



.p4-2 a p{

	margin-top: -135px;

	font-size: 28px;

	color: #005bac;

	font-weight: bold;

	text-align: center!important;

	line-height: 45px;

}.p4-3 a p{

	margin-top: -135px;

	font-size: 28px;

	color: #005bac;

	font-weight: bold;

	text-align: center!important;

	line-height: 45px;

}.p4-4 a p{

	margin-top: -135px;

	font-size: 28px;

	color: #005bac;

	font-weight: bold;

	text-align: center!important;

	line-height: 45px;

}

.p4-2 {

    height: 185px;

	margin: 0 75px;

}

.p4-2 img{

    height: 185px;

}



.p4-3 {

    height: 185px;

    position: relative;margin: 0 75px;

}



.p4-3 img{

    height: 185px;

}



.p4-4 {

    height: 185px;

    width: 185px;margin: 0 75px;

}







.p4-4 .nr {

    height: 250px;

    background: #ffffff;

    padding-top: 60px;

    padding-left: 30px;

    padding-right: 30px;

    font-size: 14px;

    color: #929292;

    line-height: 28px;

}



.p4-5 .nr {

    height: 150px;

    background: #ffffff;

    padding-top: 50px;

    padding-left: 30px;

    padding-right: 30px;

    font-size: 14px;

    color: #929292;

    line-height: 30px;

}



.bt {

    width: 400px;

    height: 50px;

    background: rgba(255,255,255,0.9);

    display: block;

    position: absolute;

    bottom: -8px;

    z-index: 9;

    padding: 10px 20px;

    line-height: 24px;

    transition: all 1.5s;

}



a:hover .bt {

    width: 400px;

    height: 70px;

    background: rgba(90,90,90,0.9);    display: block;

    position: absolute;

    bottom: 0;

    z-index: 9;

    padding: 10px 20px;

    line-height: 24px;

}



.bt .tm {

    font-size: 16px;

    color: #58595b;

    transition: all 0.5s;

}

a:hover .bt .tm {

    font-size: 16px;

    color: #fff

}

a .bt .jianjie {

    font-size: 12px;

    color: #dcdcdc;

    opacity: 0;

    transition: all 0.5s;

}



a:hover .bt .jianjie {

    font-size: 12px;

    color: #dcdcdc;

    opacity: 1;

}



a.arr_l {

    width: 44px;

    height: 44px;

    display: block;

    float: left;

    background: url(/public/static/modules/cms/img/arr.jpg) no-repeat;

    transition: all .5s;

}



a.arr_r {

    margin-left: 10px;

    width: 44px;

    height: 44px;

    display: block;

    float: left;

    background: url(/public/static/modules/cms/img/arr02.jpg) no-repeat;

    transition: all .5s;

}



a.arr_l:hover,

a.arr_r:hover {

    background-position: 0 -44px;

}







.p4-b {

    position: absolute;

    text-align: center;

    width: 39px;

    height: 20px;

    left: 50%;

bottom: 15vh;

    opacity: 0;

    margin-left: -20px;

    transition: all 1.5s;

}



.active .p4-b {

    position: absolute;

    bottom: 10vh;

    opacity: 1;

    transition-delay: 2s;

}







.p4-0-0 {

    background: #000;

    width: 0;

    height: 100%;

    float: right;

    transition: all 1.5s;

}



.active .p4-0-0 {

    width: 50%;

    transition-delay: 0s;

}



.p4-0 {

    position: absolute;

    text-align: center;

    width: 0;

    height: 100%;

    top: 0px;

    background: #000 url(../img/p4r.jpg) no-repeat 50% 50%;

    opacity: .0;

    right: 0px;

    transition: all 1.5s;

}



.active .p4-0 {

    position: absolute;

    right: 0px;

    width: 50%;

    opacity: .15;

    transition-delay: 0s;

}



.active .p4-0:hover {

    opacity: .25;

    cursor: pointer;

}



.p4-1 a span.newst {

    font-size: 16px;

    padding: 20px 0 10px 0;

    color: #bfa69a;

    display: block;

    transition: all 1.5s;

}



.p4-1 a span.newsn {

    font-size: 12px;

    color: #6f615a;

    display: block;

    transition: all 1.5s;

}







.p4-1 a:hover span.newst {

    color: #e5e0da;

    display: block

}



.p4-1 a:hover span.newsn {

    font-size: 12px;

    color: #6f615a;

    display: block

}





.section05 {

    background: #ffffff;

    transition: all 1.5s;

}



.section05.active {

    background: #ffffff;

    transition-delay: 0s;

}





.p5-t {

    position: absolute;

    width: 282px;

    height: 81px;

    margin-left: -141px;

    top: 8vh;

    left: 50%;

    opacity: 0;

    text-align: center;

    transition: all 1.5s;

}





.active .p5-t {

    position: absolute;

    top: 13vh;

    opacity: 1;

    transition-delay: 1s;

}

.p5-t h1{ font-size: 26px; font-family: 'Microsoft Yahei'; text-align: center; color: #58595b}

.p5-t span{font-size: 12px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #8d8d8d;}

.p5-1 {

    position: absolute;

    text-align: center;

    width: 1200px;

    margin-left: -600px;

    top: 36vh;

    left: 50%;

    height:  370px;

    opacity: 0;

    transition: all 1.5s;

    z-index: 1;

}



.active .p5-1 {

    position: absolute;

    top: 31vh;

    opacity: 1;

    transition-delay: 2s;

}



.p5-b {

    position: absolute;

    text-align: center;

    width: 39px;

    height: 20px;

    left: 50%;

bottom: 15vh;

    opacity: 0;

    margin-left: -20px;

    transition: all 1.5s;

}



.active .p5-b {

    position: absolute;

    bottom: 10vh;

    opacity: 1;

    transition-delay: 2.5s;

}





.p5-1 a:hover {}



.p5-2 {

    position: absolute;

    text-align: center;

    width: 20vh;

    height: 41px;

    margin-left: -150px;

    top: 170px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

    z-index: 1;

}



.active .p5-2 {

    position: absolute;

    top: 25vh;

    opacity: 1;

    transition-delay: 1.5s;

}



.p5-3 {

    position: absolute;

    text-align: center;

    width: 373px;

    height: 113px;

    margin-left: -186px;

    top: 230px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

    z-index: 1;

}



.active .p5-3 {

    position: absolute;

    top: 280px;

    opacity: 1;

    transition-delay: 2s;

}





.p5-4 {

    position: absolute;

    text-align: center;

    width: 615px;

    height: 366px;

    margin-left: -650px;

    top: 450px;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

    z-index: 1;

}



.active .p5-4 {

    position: absolute;

    margin-left: -600px;

    opacity: 1;

    transition-delay: 2.5s;

}



.p5-5 {

    position: absolute;

    text-align: center;

    width: 977px;

    height: 626px;

    margin-left: -102px;

    top: 405px;

    left: 50%;

    z-index: 0;

    opacity: 0;

    transition: all 1.5s;

}



.active .p5-5 {

    position: absolute;

    margin-left: -152px;

    opacity: 1;

    transition-delay: 3s;

}





.section06 {

		 background: url(/public/static/modules/cms/img/b5.png) no-repeat center;

   background-size: 2880px 1620px;

    transition: all 1.5s;

}



.section06.active {

		 background: url(/public/static/modules/cms/img/b5.png) no-repeat center ;

   background-size: 1920px 1080px;

    transition-delay: 0s;

}







.p6bg {

    position: absolute;

    width: 100%;

    height: 30vh;

    /* margin-left: -960px; */

    bottom: -100px;

    background: #fff;

    /* left: 50%; */

    opacity: 0;

    text-align: left;

    transition: all 0s;

}





.active .p6bg {

    position: absolute;

    bottom: 0;

    opacity: 1;

    transition-delay: 0s;

}

.p6-t {

    position: absolute;

    width: 282px;

    height: 81px;

    margin-left: -141px;

    top: 13vh;

    left: 50%;

    opacity: 0;

    transition: all 1.5s;

}





.active .p6-t {

    position: absolute;

    top: 18vh;

    opacity: 1;

    transition-delay: 1s;

}

.p6-t h1{ font-size: 26px; font-family:  'Microsoft Yahei'; text-align: center; color: #58595b}

.p6-t span{font-size: 12px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #8d8d8d;}



.p6-zi {

    position: absolute;

    width: 1200px;

    height: 30px;

    margin-left: -600px;

    top: 27vh;

    left: 50%;

    opacity: 0;

    text-align: left;

    transition: all 1.5s;

    text-align: center;

}





.active .p6-zi {

    position: absolute;

    top: 32vh;

    opacity: 1;

    transition-delay: 1.5s;

}

 .p6-zi a img{ opacity:0.75; transition:all 1s;}

.p6-zi a:hover img{ opacity:1; }

 .p6-1 {

    position: absolute;

    width: 1200px;

    height: 30px;

    margin-left: -600px;

    top: 28%;

    left: 50%;

    opacity: 0;

    text-align: left;

    transition: all 1.5s;

    text-align: center;

}





.active .p6-1 {

    position: absolute;

    top: 18%;

    opacity: 1;

    transition-delay: 1.5s;

}



.p6-1 li {

    width: 230px;

    float: left;

    height: 160px;

}



.p6-1 li:nth-child(1) {

    width: 399px;

    float: left;

  

}



.p6-1 li:nth-child(2) {

    width: 550px;

    float: left;

  

}



.p6-1 li h1 {

    font-size: 18px;

    color: #e5e0da

}



.p6-1 li a {

    font-size: 14px;

    color: #aaa;

    transition: all 1.5s;

}



.p6-1 li a:hover {

    font-size: 14px;

    color: #fff

}







.p6-2 {

    position: absolute;

    width: 300px;

    height: 30px;

    margin-left: -150px;

    top: 400px;

    left: 50%;

    opacity: 0;

    text-align: left;

    transition: all 1.5s;

    text-align: center

}





.active .p6-2 {

    position: absolute;

    top: 450px;

    opacity: 1;

    transition-delay: 2.5s;

}



.p6-2 li {

    width: 150px;

    float: left;

    height: 160px;

}



.p6-1 li h1 {font-family:  'Microsoft Yahei';

    font-size: 18px;

    color: #666;text-align:left;

    line-height: 36px !important;

}



.p6-1 li h1 a,.p6-1 li h1 a:hover {

    font-size: 18px;

    color: #666;

    line-height: 36px !important;

}



.p5-6 {

    position: absolute;

    text-align: center;

    width: 100%;

    height: 40px;

    

    line-height: 40px;

    transition: all 1.5s;

    font-size: 16px;

    color: #fff;

    background: #005bac;

}



.ys{

	float: right;margin-right: 100px;margin-top:35px;

}



.gs{

background: url(/public/static/modules/cms/images/bj1.png);

	background-size: cover;

	padding-bottom: 70px;

}



.gs3{

	float: right;

	width: 100%;

	padding-top: 30px;

}
.rlzz{
	background: url(/public/static/modules/cms/images/bj1.png);
    background-size: cover;
}
.gs2 img{
	max-width: 100%;
}
.gs3 img{

	max-width: 100%;
	margin: 0 auto;

}

.gs1{

	width: 75.52%;

	margin: 0 auto;

	

}



.gs2{

	padding-top: 80px;

	width:100%;

	float: left;

}

.gs2 p{

	font-size: 18px;

	color: #000;

	line-height: 30px;

}.gs2 p span{

	font-size: 18px;

	color: #fff;

	line-height: 30px;

}

.gs4{

	background: #313638;

	width: 100%;

	

}

.gs5{padding-top: 100px;

	width: 22.39%;

	margin-left: 200px;float: left;

}

.gs6{

	width: 400px;

	float: left;

	padding-left: 50px;

	padding-bottom: 150px;

}

.gs6 p{

	font-size: 18px;

	color: #d0d1d1;

	line-height: 30px;

}

.gs7{

	width: 63%;

	height: 601px;

	float: right;

}

.gs7 img{

	height: 100%;

	width: auto;

}

.gy5{

	display: none;

}



.gs8{

	width: 52.37%;

		background: #313638;

	padding-bottom: 100px;

	padding-top: 20px;

	float: left;
	max-height: 576px;
	overflow: hidden;

}

.gs9{

	width: 580px;

	margin-left: 250px;
    max-width: 100%;
    width: calc(100% - 250px);
    padding-right: 10px;
}

.gs9 h5{

	font-size: 30px;

	color: #fff;

	line-height: 55px;



}

.gs9 p{

	font-size: 18px;

	color: #d0d1d1;

	line-height: 30px;

	margin-top: 5px;

}



.gs10{

	width: 47.63%;

	float: left;

padding-top: 75px;

	padding-bottom: 94px;

	background: url(/public/static/modules/cms/images/gy7.png);	background-size:cover ;

}



.gs15{

	padding-top: 150px;

	padding-bottom: 160px;

	background: url(/public/static/modules/cms/images/gy10.png);	background-size: cover  ;

}

.gs11{

	padding: 60px 0;

	width: 81.2%;

	background: rgba(255,255,255,0.8)

}



.gs11 ul li p{

	font-size: 18px;

	color: #333;

	

	line-height: 30px;

	margin-top: 15px;

	text-align: center!important;

}

.gs14 {

	margin-top: -40px;

}.gs13 {

	margin-top: 30px;

}

.gs14 li{

	width: 33.33%;	

	float: left;

}

.gs12{

	padding -bottom: 25px;

}

.gs13 li{

	width: 50%;	

	float: left;

}

.gs11 ul li h4{text-align: center!important;

	font-size: 30px;

	font-weight: bold;

	color: #333;

	line-height: 60px;

	margin-top: 5px;

}

.gs16{

	width: 700px;

	height: 440px;

	background: rgba(255,255,255,0.45);

	padding: 25px 55px 70px 115px;



	margin-left: 210px;

}

.gs16 p{

	font-size: 18px;

	color: #000;

	margin-top: 15px;

	line-height: 30px;

}

.gs17{

	

	padding-top: 30px;

	padding-bottom: 65px;

	background: url(/public/static/modules/cms/images/bj2.png);	background-size: cover ;

}

.gs18{

	width: 62%;

	margin: 0 auto;

}

.gs18 ul li h3{

	font-size: 19px;

	color: #fff;

	line-height: 32px;

}

.gs18 ul{

	float: left;

	margin-right: 35px;

}

.gs18 ul li p{

	font-size: 16px;

	color: #acadaf;

	line-height: 28px;

}

.gs18 ul li:hover h3{

	color: #ffd700;

}

.gs18 ul li:hover p{

	color: #ffd700;

}

.gs20{

	margin-top: -150px;

	float: right;

}

.gs20 h2{

	font-size: 24px;

	line-height: 40px;

	color: #fff;

}

.gs20 p{

	font-size: 18px;

	width: 100%;

	float: right;

	text-align: right!important;

	margin-top: 20px;

	line-height: 40px;

	color: #ffd700;

}

.gs20 ul{

	float: right;

	margin-right: 0;

	margin-top: 20px;

}

.gs20 ul li{

	float: left;

	margin-left: 20px;

}

.wx{

	position: relative;

}



.ewm{

	position: absolute;

	opacity: 0;

	margin-left: -25px;

}





.wx:hover  .ewm{

	opacity: 1;

}



.rl{

	

	

	width: 70%;

	margin: 0 auto;
padding-top: 60px;

}



.rl h3{

	font-size: 44px;

	line-height: 55px;

	color: #000;

}

.rl h6{

	font-size: 32px;

	line-height: 46px;

	color: #000;

}

.rl p{

	font-size: 18px;

	line-height: 30px;

	color: #000;

}

.rlx{

	width: 100%;

	height: 4px;

	background: #000;

	margin-bottom: 50px;

}

.rl1{

	margin-top: 70px;

	margin-bottom: 50px;

}

.rl2{

	width: 58%;

	float: left;

}



.fw1{

	width: 42%;

	float: left;

}

.fw1{

	padding-left: 55px;

	padding-top: 120px;

}

.fw1 p{

	font-size: 18px;

	line-height: 28px;

	color: #000;

}

.fw2{

	width:58%;

	float: left;

}

.fw2 img{

	width: 90%;

}

.rl2 img{

	width: 100%;

}

.rl4{

	padding-bottom: 30px;

}

.rl3{

	width: 42%;

	float: left;

	padding-left: 40px;

	padding-top: 80px;

}

.rl5{

	width: 50%;

	float: left;

}

.rl5 img{

	width:60%;

	margin: 0 auto;

}



.rl6{

	width: 50%;

	float: left;

}

.rl6 img{

	width:65%;

	margin: 0 auto;

}

.xw{

	background: url(/public/static/modules/cms/images/bj3.png);	
	
	background-size: cover;

	padding-top: 55px;

	padding-bottom: 100px;

}



.lx{

	width: 100%;padding-top: 60px;

		background: url(/public/static/modules/cms/images/bj3.png);	background-size: cover;

}

.xw1{

	width: 82.3%;

	margin: 0 auto;

}

.xw2{

	width: 19%;

	float: left;

}

.xef{

	width: 100%;

}

.xw5{

	width: 76%;

	float: right;

	margin-bottom: 100px;

}

.xw3 ul li h2{

	font-size: 26px;

	line-height: 50px;

	color: #fff;

	text-align: center;

}

.xw5 h3{

	font-size: 36px;

	line-height: 50px;

	color: #000;

	float: left;



}

.xw5 p{

	font-size: 18px;

	line-height: 50px;

	color: #000;

	float: right;



}

.xw6{

	margin-bottom: 40px;

}

.xw7{

	width: 17.5%;

	float: left;

}

.xw9{

	width: 79%;

	float: left;

}

.xw9 h4{

	font-size: 24px;

	line-height: 38px;

	color: #000;

	

}

.xw9 h4:hover{

	color: #ffd700;

}

.xw8 h1:hover{

	color: #ffd700;

}

.xw9 p{

	font-size: 16px;

	line-height: 27px;

	color: #232323;

	

}

.xw10 ul{

	width: 160px;

	margin: 0 auto;

}

.xw10 ul li a{

	font-size: 16px;

	line-height: 27px;

	color: #000;

}

.xw10 ul li a:hover{

	color: #ffd700;

}

.xw10 ul li{

	width: 70px;margin-left: 10px;

	float: left;

}

.xw9 p:hover{

	color: #000;

}

.xw8{

	width:  110px;

	margin: 0 auto;

}

.xw8 h1{

	font-size: 80px;

	line-height: 90px;

	color: #000;

	text-align: center;

}

.xw8 h5{

	font-size: 24px;

	line-height: 35px;

	color: #000;

	text-align: center;

}

.xw3 ul li p{

	font-size: 18px;

	line-height: 42px;

	color: #fff;

	text-align: center!important;

}

.xw3 ul li{

	margin-bottom: 20px!important;

	width: 188px;

	background: #626262;

	margin: 0 auto;

}

.xw3 ul li p:hover{

	color: #ffd700;

}

.xw3 ul li h2:hover{

	color: #ffd700;

}

.xw3 ul li:nth-child(1){

	width: 210px;

	margin: 0 auto;

	background: #000;

}

.xw4{

	margin-top: 80px;

}

.xw4 img{

	width: 100%;

}

.xw4 p{

	font-size: 24px;

	line-height: 45px;

	color: #000;

	text-align: center!important;

}

.xwx{

	width: 100%;

	height: 4px;

	background: #000;

	

}

.xef h2{

	font-size: 28px;

	line-height: 40px;

	color: #000;

	text-align: center;

	

}

.xef p{

	margin-top: 40px;

	font-size: 18px;

	line-height: 30px;

	color: #000;

	width: 100%;

	margin-bottom: 60px;

	

}

.xef p img{

	width: 100%;

}

.lx1{

	width: 41.67%;

	float: left;

	padding-left: 20px;

}

.lx2{

	width: 58.33%;

	float:right;

}



.lx2 h6{

	font-size:30px;

	line-height: 60px;

	text-align: center;

	color: #fff;background-color: #535353;

}

.lx1 h3{

	font-size:30px;

	line-height: 40px;

	color: #000;

	margin-bottom: 60px;

}

.lx1 ul li img{

	float: left;

	margin-right: 15px;

}

.lx1 ul li p{

	float: left;font-size: 18px;

	line-height: 30px;

	color: #000;

}

.lx1 ul li{

	margin-bottom: 35px;

}

.lx3{

	width: 100%;

	margin-top: 70px;

}

.lx3 img{

	width: 80%;

}

.cpz1{

	width: 100%;padding-top: 30px;

	padding-bottom: 60px;

		background: url(/public/static/modules/cms/images/bj4.png);	background-size: cover;

	

}

.cpz1 h4{

	font-size:30px;

	line-height: 40px;

	color: #fff;

text-align: center;

	

	

}

.cpx{

	background: #fff;

	width: 115px;

	

	height: 9px;margin: 0 auto;

	margin-top: 15px;

	margin-bottom: 15px;

}



.cpz2{

	width: 75%;

	margin: 0 auto;

	margin-top: 40px;

	

	overflow: hidden;

}



.cpy{

	

	margin: 0 auto;

}

.cpz3{

	width: 19.45%;

	float: left;

	height: 390px;

	margin: 0 2.775%;

	overflow: hidden;

}

.cpz3 a>img{

	height: 100%;

	width: auto;

}

.cpz4{

	background: rgba(112,112,112,0.7);position: relative;

	z-index: 100;

	top:-303.5px;

	width: 150px;

padding: 60px 30px;

	margin: 0 auto;

}

.cpy2{

	display: none;

}

.cpz4:hover .cpy{

	display: none;

}



.cpz4:hover .cpy2{

	display: block;

}



.cpz6{

	width: 51%;

	float: left;

	height: 100%;

	overflow: hidden;

	

}



.cpz8{

	height: 265px;

}

.cpz9{

	width: 51%;

	float: left;

	height: 100%;

	padding-top: 40px;

	overflow: hidden;

	background: #303235;

	

}

.cpz9 img{

	float: right;

	margin-right: 200px;

}

.cpz5{

	height: 590px;

}

.cpz6 img{

	width: 100%;

}



.cpz7{

	width: 49%;float: left;

	height: 100%;

	padding-top: 75px;

	padding-left: 90px;

	padding-right: 150px;

	background: url(/public/static/modules/cms/images/cpz6.png);	background-size:cover;

}.cpz10{

	width: 49%;float: left;

	height: 100%;



	

}



.cpz7 h6{

	

	font-size:24px;

	line-height: 35px;

	color: #fff;



	

}



.cpz7 p{

	float:left;

	font-size:22px;

	line-height: 32px;

	color: #fff;

	margin-top: 70px;



	

}

.cpz7 h3{

	

	font-size:48px;

	line-height: 60px;

	color: #fff;



	

}

.cpz11{

	width: 100%;

	padding-top: 50px;

	padding-bottom: 200px;

	background: url(/public/static/modules/cms/images/bj5.png);	background-size:  cover;

}

.cpz12{

	width: 62.5%;

	height: 400px;

	margin: 0 auto;

	margin-top: 60px;

}

.cpz11 h4{

	

	font-size:30px;

	line-height: 50px;

	color: #fff;

	text-align: center;

	

}

.cpz13{

	width: 31.66%;
margin-right: 2.51%;
	float: left;

	height: 400px;

	background: #707070;

	padding-top: 50px;

	padding-bottom: 40px;

}
.cpx5 div img{
	margin: 0 auto;
	max-width: 100%;
	height: auto!important;
}
.cpz13 img{

width: 66.9%;

	margin: 0 auto;

}.cpz13 a>img:hover{

	    transition: all 0.7s;

    transform: scale(1.07);

	

	

}

.cpz14{

	width: 68.34%;

	float: left;

	height: 100%;

	padding-top: 22px;

	background: url(/public/static/modules/cms/images/bj6.png);	background-size: cover ;

}

.cpz14 img{

	margin: 0 auto;

}

.cpz15{

	width: 79%;

	margin: 0 auto;

	margin-top: 30px;

}

.cpz16{

	width: 36%;

	height: 4px;

	background: #fff;

	float: left;

	margin: 11px 0;

}

.cpz18{

	margin-top: 20px;

}

.cpz18 img{

	width: 100%;

}

.cpz17{

	width: 36%;

	height: 4px;

	background: #fff;

	float: right;margin: 11px 0;

}

.cpz15 p{

	margin: 0 auto;

	float:left;

	width: 28%;

	font-size:16px;

	line-height: 26px;

	color: #fff;

	text-align: center!important;

}



.cpz19 .cpz13{

	margin: 45px 0;

}

.cpz13{


	margin-right: 2.51%!important;}


.cpz13:nth-child(5){

	margin-top: 0;

}



.cpz13:nth-child(6){

	margin-top: 0;

}



.cpz13:nth-child(4){

	margin-top: 0;

}

.cpz13:nth-child(7){

	margin-top: 0;

}



.cpz13:nth-child(8){

	margin-top: 0;

}



.cpz13:nth-child(9){

	margin-top: 0;

}



.cpx1{

	width: 50%;

	float: left;

	padding-top: 50px;

}

.cpx1 h2{

	

	font-size:27px;

	line-height: 45px;

	color: #000;

	text-align: center!important;

}

.cpx2{

	background: #00b7ee;

	width: 88px;

	margin: 0 auto;

	margin-top: 10px;

}

.cpx2 h6{

	font-size:16px;

	line-height: 25px;

	color: #000;

	text-align: center;

}

.cpx3 h6{

	font-size:19px;

	line-height: 33px;

	color: #00d2ff;

	float: right;

}

.cpx3{

	width: 89%;

	margin: 0 auto;

}

.cpx4{

	width: 100%;

	background: #f2f2f2;

	margin-top: 20px;

}



.cpx4 h5{

	width: 95px;

	background: #595252;

	font-size:16px;

	line-height: 33px;

	color: #fff;

	text-align: center

}

.cpx5{

	width: 100%;

	margin-top: 35px;

	margin-bottom: 50px;

}

.cpx5 img{

	width: 100%;

}

@media (max-width:1900px) {

	

	.cpz6 img{

	height: 100%;

		width: auto;

}

	

}

@media (max-width:1600px) {

	

	.gs18{

		width: 75%;

	}

	.rl{

		width: 75%;

	}

	.cpz2{

		width: 85%;

	}

	.cpz12{

		width: 75%;

	}

}

@media (max-width:1500px) {



	.gs5{

		margin-left: 100px;

	}.gs9{

		margin-left: 150px;
		max-width: 100%;
		width: calc(100% - 150px);
		padding-right: 10px;

	}

	.gs10{

		padding-top: 45px;

	}.gs16{





		margin-left: 100px;}

	.rl{

		width: 85%;

	}.cpz2{

		width: 95%;

	}.cpz7{





	padding-top: 35px;

	padding-left: 70px;

		padding-right: 70px;}

	.cpz12{

		width: 85%;

	}

}







@media (max-width:1300px) {

	.gs9{

		margin-left: 50px;

	}.gs18{

		width: 85%;

	}

	

}





@media (max-width:1273px) {

	.gs10{

		padding-top: 39px;

		padding-bottom: 70px;

	}

	

	

}

@media (max-width:1250px) {

	.gs1{.gs9

		width: 85%;}

	

	

}

@media (max-width:1200px) {

	.p6-1 li:nth-child(1){

		display: none;

	}.active .p6-1{

		width: 80%;

		margin-left: 10%;

		left: 0;

	}.gs5{

		margin-left: 50px;

	}.fw1{

		padding-left: 0;

		padding-top: 80px;

	}.cpz13{

		height: 400px;

	}.cpz12{

		height: 400px;

	}

	.cpz14 img{

		width: 52%;

	}

}



@media (max-width:1140px) {

	.gs8{

		width: 100%;   
		max-height:1500px;

	}.gs10{

		width: 100%;background-size:  100% auto;

	}

	.gs11>img{

		display: none;

	}.gs9{

		margin-left: 100px;

	}

	.gs18 ul:nth-child(1){

		display: none;

	}

	.gs18 ul{

		width: 33.33%;margin-right: 0;

		margin-bottom: 20px;

	}

	.gs20{

		width: 100%;

		margin-top: 0;

		float: left;

	}

	.gs20 ul{

		float: left;

	}

	.gs20 ul li{

		margin-left: 0;

		margin-right: 20px;

	}

	.rl3{

		padding-top: 40px;

	}

	.gs20 p{

		text-align: left!important;

	}

	.gs20 ul{

		width: 100%;

	}.xw1{

		width: 95%;

	}.xw3 ul li:nth-child(1){

		width: 100%;

	}.xw3 ul li{

		width: 95%;

	}.cpz7 p{

		margin-top: 10px;

	}.cpz7 h3{

		font-size: 40px;

	}

}



@media (max-width:1100px) {

	.lx1{

		width: 100%;

	}.lx2{

		width: 100%;

		margin-top: 50px;

	}.lx3 img{

		width:50%;

	}

	

}

@media (max-width:1000px) {

	.p6-1 li:nth-child(2) {

    width: 350px;

    float: left;

		margin-right: 20px;

}.p6-1 li:nth-child(3) {

   

    float: right;

}

	.gs1{

		width: 95%;

	

	}

	.gs5{

		margin-left: 20px;

	}.gs9 {

    margin-left:70px;

	}.cpz9 img{

		margin-right: 100px;

	}

	.cpz13{

		height: 350px;

	}.cpz12{

		height: 350px;

	}

	.cpz14 img{

		width: 52%;

	}

}





@media (max-width:990px) {

	.cpx1{

		width: 100%;

		margin-top: 30px;

	}

}

@media (max-width:900px) {

	.gs5{

		padding-top: 80px;

		width: 100%;

	}

	.gy4{

		display: none;

	}

	.gy5{

		display: block;

	}

	.gs6{

		padding-bottom: 40px;

	}

	

	.gs7{

		width: 100%;

		height: auto;

	}	

	.gs7 img{

		width: 100%;

		height: auto;

	}

	.gs2{

		width: 100%;

	}	.gs3{

		width: 100%;padding-top: 30px;

	}

	.gs6{

		width: 80%;

	}

	.gs8{

		padding-top: 80px;

	}.gs16{



padding-left: 70px;

		margin-left: 30px;}

	.rl2{

		width: 100%;

	}.rl3{

		width: 100%;

	}.rl5{

		width: 100%;

	}.rl6{

		width: 100%;

		margin-top: 30px;

	}

	.rl6 img{

		width: 60%;

		

	}

	.fw1{

		width: 100%;

		padding-top: 0;

	}.fw2{

		width: 100%;

	}.rlx{

		margin-bottom: 30px;

	}.rl1{

		margin-top: 30px;

	}.xw2{

		display: none;

	}.xw5{

		width: 100%;

	}

	.cpz3{

		width: 44.45%;

		

		margin-bottom: 30px;

	}

	.cpz3 a>img{

		margin: 0 auto;

	}

	.cpz1{

	width: 100%;padding-top: 30px;

	padding-bottom: 60px;

		background: url(/public/static/modules/cms/images/bj4.png);	background-size: cover;

		

	}

	.cpz6{

		width: 100%;

	}

	.cpz7{

		width: 100%;

	}

	.cpz9{

		width: 100%;

	}.cpz10{

		width: 100%;

	}

	.cpz17{

		width: 25%;

	}

	.cpz16{

		width: 25%;

	}.cpz15 p{

		width: 50%;

	}

}



@media (max-width:800px) {

	.gs10{

		width: 100%;background-size:   auto 100%;

	}.gs16{

		width: 90%;

		margin: 0 auto;

		height: auto;

	}	.cpz13{

		height: 300px;

	}.cpz12{

		height: 300px;

	}

}

@media (max-width:749px) {

	.p6-1 li:nth-child(3) {

   

    float:left;

	}.p6-1 li{

		height: 120px;

	}

	.p6bg{

		height: 40vh;

	}.active .p6-1 {

    width: 350px;

	left: 50%;

		margin-left: -175px;

	}

	.active .p6-1 {

    position: absolute;

		top: 10%!important;}

	.gs11{

		width: 100%;

	}

	.gs10{

		

		padding-top: 60px;

		padding-bottom: 110px;

	}

.cpz11{

	

	background: url(/public/static/modules/cms/images/bj5.png);	background-size: cover;

	

	}

}







@media (max-width:700px) {

	

	.p5-6{

		height: 50px;line-height: 25px;

	}

	.p5-6 img{

		top:4.5px!important; 

	}.gs9{

		width: 95%;

		margin-left: 2.5%;

	}.rl{

		width: 95%;

	}.lx1{

		padding-left: 0;

	}

}





@media (max-width:670px) {

	.xw7{

		display: none;

	}

	.xw9{

		width: 100%

	}

	.xw9 p{

		height: 85px;

		overflow: hidden;

	}.xw5 p{

		line-height: 30px;

	}.xw5 h3{

		font-size: 30px;

	}.xef h2{

		font-size: 26px;

	}

}



@media (max-width:600px) {

	.cpz13{

		width: 100%;

		height: auto;

	}

	.cpz14{

		display: none;

	}

	

}



@media (max-width:500px) {

	

	.gs6{

		width: 90%;

		padding-left: 5%;

	}

	

	.gs5{

		margin-left: 0;

	}

	.gs5 img{

		width: 90%;

		margin: 0 auto;

	}.rl3{

		padding-left: 0;

	}.rlx{

		margin-bottom: 20px;

	}.rl5 img{

		width: 90%;

	}.rl6 img{

		width: 90%;

	}.rl1{

		margin-top: 30px;

	}.lx3 img{

		width:80%;

	}.cpz7 {

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

	}.cpz7 p{

		font-size: 20px;

	}.cpx1 h2{

		font-size: 22px;

	}

}



.dz2{

	display: none;

}

@media (max-width:470px) {

	

.dz2{

	display: block;

}

.dz1{

	display: none;

}

	.lx3 img{

		width:100%;

	}

	.gs14{

		width: 95%;

		margin: 0 auto;

	}

	.gs14 li{

		width: 100%;

	}.gs13{

		width: 95%;

		margin: 0 auto;

	}

	.gs13 li{

		width: 100%;

	}.gs16{

		padding: 40px 20px;

	}

	.cpz9 img{

		float: left;

		margin-left: 10px;

		margin-right: 0;

	}

}

.p5-6 a {

    font-size: 12px;

    color: #999999;

}



.active .p5-6 {

    position: absolute;

    bottom: 0px;

    transition-delay: 3s;

}





#div1-bot {

    z-index: 999;

    position: fixed;

    width: 182px;

    height: 100%;

    top: 190px;

    right: -182px;

    transition: 1s;

}



#div1-top {

    z-index: 2;

    position: fixed;

    background-color: #ccc;

    width: 100%;

    height: 100%;

    top: -1100px;

}



#div2 {

    position: fixed;

    background-color: #ccc;

    width: 700px;

    height: 100%;

    right: -700px;

}







.open-bot {

    z-index: 1;

    position: fixed;

    text-indent: -9999px;

    width: 40px;

    display: block;

    background: rgba(90,90,90,0.6) url(../img/mtsdh03.png) no-repeat;

    height: 40px;

    top: 30px;

    background-size: cover;

    right: 60px;

    transition: all 1.5s;

    /* margin-left: -18px; */

}



.open-bot:hover {

    background:rgba(90,90,90,0.8) url(../img/mtsdh03.png) no-repeat;

    transition: all 1.5s; background-size: cover;

}



.open-bot2 {

    z-index: 1;

    position: fixed;

    text-indent: -9999px;

    width: 50px;

    display: block;

    background:rgba(90,90,90,0.6) url(../img/mtsdh02.png) no-repeat;

    height: 50px;

    top: 30px;

    background-size: cover;

    right: 100px;

    transition: all 1.5s;

    /* margin-left: -18px; */

}



.open-bot2:hover {

    background:rgba(90,90,90,0.8)  url(../img/mtsdh02.png) no-repeat;

    transition: all 1.5s; background-size: cover;

}



.open-bot3 {

    z-index: 1;

    position: fixed;

    text-indent: -9999px;

    width: 50px;

    display: block;

    background:rgba(90,90,90,0.6) url(/public/static/modules/cms/img/mtsdh01.png) no-repeat;

    height: 50px;

    top: 30px;

    background-size: cover;

    right: 170px;

    transition: all 1.5s;

    /* margin-left: -18px; */

}



.open-bot3:hover {

    background: rgba(90,90,90,0.8)  url(/public/static/modules/cms/img/mtsdh01.png) no-repeat;

    transition: all 1.5s; background-size: cover;

}





.open-lt {

    z-index: 1;

    position: fixed;

    width: 34px;

    bottom: 20px;

    display: block;

    right: 2%;

}



.open-bot:hover {

    transition: 0.5s;

}



.close {

    z-index: 999;

    position: absolute;

    text-indent: -9999px;

    width: 47px;

    display: block;

    background: url(/public/static/modules/cms/img/close_btn.png) no-repeat center center;

    float: right;

    height: 19px;

    top: 50px;

    right: 5%;

    transition: 0.5s;

    transform: rotate(0deg);

}



.close2 {

    z-index: 999;

    position: absolute;

    text-indent: -9999px;

    width: 47px;

    display: block;

    background: url(/public/static/modules/cms/img/close_btn.png) no-repeat center center;

    float: right;

    height: 41px;

    top: 20px;

    right: -47px;

    transition: 0.5s;

    transform: rotate(0deg);

}



.close-top {

    z-index: 999;

    position: absolute;

    text-indent: -9999px;

    width: 47px;

    display: block;

    background: url(/public/static/modules/cms/img/close_btn.png) no-repeat center center;

    float: right;

    height: 41px;

    top: 20px;

    right: -47px;

    transition: 0.5s;

    transform: rotate(0deg);

}



.close:hover {

    transition: 0.5s;

    transform: rotate(180deg);

}



.close2:hover {

    transition: 0.5s;

    transform: rotate(180deg);

}



.close-top:hover {

    transition: 0.5s;

    transform: rotate(180deg);

}



.news_t_1 {

    width: 540px;

    text-align: left;

    margin: 0 auto;

    padding-top: 15%;

    padding-bottom: 5%;

}







.ryname {

    z-index: -1;

    position: absolute;

    text-align: center;

    line-height: 35px;

    text-transform: uppercase;

    width: 26px;

 

    height: 0;

    color: #fff;

    margin-left: -13px;

    font-size: 12px;

    overflow: hidden;

    top: 3px;

    left: 50%;

    transition: all 500ms;

}



.rypic-hover .rypic {

    opacity: 1

}



.ryname-hover .ryname {

    height: 26px;

    top: -36px

}



 



ul.fenlei {

 margin: 0 auto;

 /* left: 50%; */

 padding-top: 0px;

 position: absolute;

}

 ul.fenlei li.fl{

  padding:0 10px;

  height:35px;

  line-height:35px;

  float:left;

  border-radius:10px;

  position: relative;

  /* overflow:hidden; */

}

ul.fenlei li.fl.active a {

    width: 128px;

    height: 32px;

    line-height: 32px;

    display: block;

    background: #e5e0da ;

    color: #533f34;  border:1px solid #e5e0da;

    text-align: center;

}

ul.fenlei li.fl a:hover {

    width: 128px;

    height: 32px;

    line-height: 32px;

    display: block;

    background: #58595b ;

    color: #fff;  border:1px solid #58595b;

    text-align: center;

}

ul.fenlei li.fl a {

    width: 128px;

    border: 1px solid #e1e0e0;

    height: 32px;

    line-height: 32px;

    display: block;

    color: #58595b;

    text-align: center;

    transition: all 500ms;

    background: #fff;

    font-size: 14px;

}

 .music {

    z-index: 1;

    position: fixed;

    width: 34px;

    bottom: 198px;

    display: block;

    right: 2%;

    height: 30px;

    overflow:  hidden;

    text-align:center;

}

.music a{

 cursor:pointer;opacity:.6

}



@media (max-height:750px) and  (max-width:450px) {

	.active .p1-2{

		top:180px!important;

	}

	.nr2 {

    top: 13%;

}

	.active .p6-1 {

    position: absolute;

		top: 5%!important;}

	.p3-1 {

    position: absolute;

    top: 20vh!important;

}

	.con{

		margin-top: -180px!important;

	}

}







@media (max-height:680px) and  (max-width:410px) {

	.active .p4-t {

    position: absolute;

		top: 20vh!important;}

	.p6-1 li h1 a {

    font-size: 18px;

    color: #666;

		line-height: 30px !important;}



.p2-2 p {

		font-size: 16px!important;

	height: 55px!important;}

	

	.p2-1 p {

		font-size: 16px!important;

	height: 55px!important;}

	.p2-3 p {

		font-size: 16px!important;

	height: 55px!important;}

	.active .p2-2 {

    position: absolute;

    top: 140px!important;

}

	.active .p2-3 {

    position: absolute;

    top: 250px!important;

}

	.nr2{

		height: 380px;

	}

	.nr2 {

    top: 18%;

}.active .p6-1 {

    position: absolute;

		top: 0%!important;}

	.p6-1 li:nth-child(3) {

   margin-top: -10px;

}



	

	

}

@media (max-width:750px) {

	

	.p4-1

	

	{

		    margin-left: -285px;

		width: 570px;

	}

	.p4-t h1 {

		font-size: 30px;}

	.p4-2 img {

    height: 120px;

}.p4-2 a p {

    margin-top: -90px!important;

	font-size: 20px;

	line-height: 35px;

	    margin-top: -75px;

	}

		.p4-3 img {

    height: 120px;

}.p4-3 a p {

    margin-top: -90px!important;

	font-size: 20px;

	line-height: 35px;

	    margin-top: -75px;

	}

		.p4-4 img {

    height: 120px;

}.p4-4 a p {

    margin-top: -90px!important;

	font-size: 20px;

	line-height: 35px;

	    margin-top: -75px;

	}.p4-4 {

    height: 120px;

    width: 120px;

	}}





	.close8{

		right: 150px!important;

	}





.foot{

	height: 40px;

	background-color: #484e5b;

}

.foot p{

	font-size: 16px;

	text-align: center!important;

	color: #fff;

	width: 90%;

	margin: 0 auto;

	line-height: 40px;

}

@media (max-width:900px) {

	

}





@media (max-width:560px) {

	

	.foot

	{

		height: 80px;

	}

}



@media (max-width:450px) {

	

	.p4-1

	

	{

		    margin-left: -180px!important;

		width: 360px!important;

	}

	.p4-t h1 {

		font-size: 30px!important;}

	.p4-2 img {

    height: 90px!important;

}.p4-2 a p {

    margin-top: -70px!important;

	font-size:16px!important;

	line-height: 25px!important;

	    margin-top: -67px!important;

	}

		.p4-3 img {

    height: 90px!important;

}.p4-3 a p {

    margin-top: -70px!important;

	font-size: 16px!important;

	line-height: 25px!important;

	    margin-top: -67px!important;

	}

		.p4-4 img {

    height: 90px!important;

}.p4-4 a p {

    margin-top: -70px!important;

	font-size: 16px!important;

	line-height: 25px!important;

	    margin-top: -67px!important;

	}.p4-4 {

    height: 90px!important;

    width: 90px!important;

	}}



@media (max-width:1330px) {

	.p4-t {

    position: absolute;

    width: 75%;

    text-align: center;

		margin-left: 12.5%;}

}

@media (max-width:1105px) {

	.p4-t {

    position: absolute;

    width: 85%;

    text-align: center;

		margin-left: 7.5%;}

}





@media (max-width:970px) {

	.p4-1

	

	{

		    margin-left: -382.5px;

		width: 765px;

	}

	.active .p4-1 {

    position: absolute;

		top: 50vh;}

	.p4-1 {

    position: absolute;

		top: 55vh;}

	.p4-2 {

    

		margin: 0 35px;}

		.p4-3 {

    

		margin: 0 35px;}	

	.p4-4 {

    

		margin: 0 35px;}

}





@media (max-height:800px) {

	

	.p3-1 {

    position: absolute;

		top: 17vh;}

	.p2-0{

		top: 15%;

	}.nr2{

		top: 15%;

	}

	

}





@media (max-width:900px) {

	.p2-1{

		height: 133px;

	}	.p2-2{

		height: 130px;

	}

}







@media (max-width:550px) {

	.active .p4-1 {

    position: absolute;

		top: 55vh;  margin-left: -225px;

		width: 450px;}

	.p4-1 {

    position: absolute;

		top: 60vh;}

	.p4-2 {

   margin: 0 15px;

}.p4-3 {

   margin: 0 15px;

}.p4-4 {

   margin: 0 15px;

}



	.p4-1

	

	{

		    margin-left: -225px;

		width: 450px;

	}

	.logoz img {

    width: 150px;

}.p2-1 h4 {

	font-size: 22px;}.p2-1 p {

		font-size: 14px!important;}.p2-2 h4 {

	font-size: 22px;}.p2-2 p {

		font-size: 14px!important;}.p2-3 h4 {

	font-size: 22px;}.p2-3 p {

		font-size: 14px!important;}

}



@media (max-height:680px) and  (max-width:410px) {

	

	.p2-1{

		height: 103px;

	}	.p2-2{

		height: 100px;

	}

}

@media (max-width:400px){



	#fp-nav ul li .fp-tooltip.right{

		display: none!important;

	}

	

	

	}

@media (max-height:670px){

	.section02	.p1-1{

		top:85%!important;

	}

	

	

}

	



@media (max-height:570px){

	.p5-6{

		display: none;

		

		

	}

}

	

.gsjj{

	

	width: 100%;

	  background: url(/public/static/modules/cms/img/gs_bj.png) no-repeat top left;

	

}	

.gys{

	

	width: 100%;

	  background: url(/public/static/modules/cms/img/gys.png) no-repeat top left;

	

}

.gsbt{

	width: 62.5%;

	margin: 0 auto;

}	

.gsbt ul li{

	width: 33.33%;

	float: left;

	font-size: 18px;box-sizing:border-box;

height: 55px;

	

}

.gsbt ul li a{

	text-align: center;

	color: #555;	font-size: 16px;

	line-height: 55px;box-sizing:border-box;



}

.gsbt ul li a:hover{

	

	border-top: 3px solid #f08300;



	

}.gsz {

	width: 50%;

	float: left;

}

.gsy {

	width: 41.66%;

	float: left;

	margin-left: 8.34%;

}

.gsz h2{

	font-size: 36px;

	color: #4a4a4a;

	font-weight: bold;

	line-height: 45px;

}

.gsz h4{

	line-height: 25px;

	font-size: 18px;

	font-weight: bold;

	color: #4a4a4a;

}

.gsz p{

	line-height: 31px;

	font-size: 16px;

	margin-top: 40px;

	color: #000;

}

.gsk{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 60px;

}

.gsk1{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 120px;

}

.gsz1 {

	width: calc(46.25% + 50px);

	float: left;

}

.gsz1 ul li{

	float: left;

	margin-right: 49px;

	

}

.gsz1 ul li p{

	font-size: 20px;

	font-weight: bold;

	color: #5889b3;

	text-align: center!important;

	margin-top: -102px;

}



.gsz1 ul li img {

    transition: all 1s !important;

    -webkit-transition: all 1s !important;

}



.gsz1 ul li a:hover img {

	      -webkit-transform: rotatez(180deg);

            -moz-transform: rotatez(180deg);

            -o-transform: rotatez(180deg);

            -ms-transform: rotatez(180deg);

            transform: rotatez(180deg);

	

}

.gsy1 {

	width: 50%;

	float: left;

	margin-left: calc(3.75% - 50px);

}

.gsy1 p{

	font-size: 16px;

	color: #4a4a4a;

	line-height: 31px;

	margin-top: 26px;

}

.gsz2 {

	width: 50%;

	float: left;

}

.gsy2 {

	width: 41.66%;

	float: left;

	margin-left: 8.34%;

}

.gsz2 h2{

	font-size: 36px;

	color: #4a4a4a;

	font-weight: bold;

	line-height: 45px;

}

.gsz2 h4{

	line-height: 25px;

	font-size: 18px;

	font-weight: bold;

	color: #4a4a4a;

}

.gsy2 p{

	line-height: 31px;

	font-size: 16px;

	margin-top: 200px;

	color:  #4a4a4a;

}

.gsk2{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 95px;

}





.gsz3 {

	width: 28.33%;

	float: left;

}

.gsy3 {

	width: 69.58%;

	float: left;

	margin-left:2.09%;

}

.gsz3 h2{

	font-size: 36px;

	color: #4a4a4a;

	font-weight: bold;

	line-height: 45px;

}

.gsz3 h4{

	line-height: 25px;

	font-size: 18px;

	font-weight: bold;

	color: #4a4a4a;

}.gsk3{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 95px;

}.gsz3 p{

	line-height: 31px;

	font-size: 16px;

	margin-top: 50px;

	color:  #4a4a4a;

}

.gsz4 {

	width: 100%;

	float: left;

}

.gsy4 {

	width: 100%;

	float: left;

	margin-top: 70px;



}

.gsz4 h2{

	font-size: 36px;

	color: #4a4a4a;

	font-weight: bold;

	line-height: 45px;

}

.gsz4 h4{

	line-height: 25px;

	font-size: 18px;

	font-weight: bold;

	color: #4a4a4a;

}

.gsz4 p{

	line-height: 31px;

	font-size: 16px;

	margin-top: 40px;

	color: #4a4a4a;

}

.gsk4{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 60px;

}





.xwxq{

	width: 64.06%;

	margin: 0 auto;

	margin-top: 70px;

}

.xwxq ul li{

	width: 30.89%;

	margin: 0 1.22%;

	float: left;

	margin-bottom: 60px;

}

.xwxq ul li h6{

	font-size: 18px;

	color: #4a4a4a;

	font-weight: bold;

	line-height: 40px;

	margin-top: 20px;

}

.xwxq ul li p{

	font-size: 16px;

	color: #4a4a4a;



}

.tm{

	opacity: 0;

}

.xwxq ul li:hover .tm{

	opacity: 1;	transition:0.7s;

}

.xwxq ul li img{



-webkit-box-shadow: #666 0px 5px 10px;

    -moz-box-shadow: #666 0px 5px 10px;

    box-shadow: #666 0px 5px 10px;}



.duan img{

	width: 100%;

	margin: 0 auto;

}

.duan p{

	font-size: 18px;

	color: #4a4a4a;

	line-height: 32px;

}

.sx span{

	font-size: 18px;color: #5889b3;

	float: right;

	margin: 0 2px;

	line-height: 32px;

}.sx{

	margin-top: 20px;

}

.sx span a{

	color: #5889b3;

}

.sx span a:hover{

	color: #005bac;

}

.lxwm{

	width: 62.5%;

	margin: 0 auto;

	margin-top: 40px;

}

.cp1{

	float: right;

}

.cp1 ul li{

	float: left;

	font-size: 18px;

	color: #4a4a4a;

	font-weight: bold;

	margin: 0 30px;

	line-height: 32px;

}

.cp1 ul li a{font-weight: bold;font-size: 16px;

	color: #4a4a4a;

}

.cp1 ul li a:hover{

	color: #5889b3;

}

.cpt{

	width: 62.5%;

	margin: 0 auto;

	padding-left: 100px;

}

.cpt>img{

	width: 100%;

	padding-top: 80px;

}

@media (max-width:1600px){

	.gsk{

	width: 75%;

	

}

	.gsk1{

	width: 80%;

	

}

		.gsk2{

	width: 75%;

	

}

		.gsk3{

	width: 75%;

	

}

	#slider .slide{

		margin-left: 580px;

	}

		.gsk4{

	width: 75%;

	

}.gsbt{

	width: 75%!important;

	

}.cpt{

	width:75%;}

	.xwxq{

		width: 75%;}

	.tm{

		width: 23.2%!important;

	}.lxwm{

		width: 75%;}.ly{

			width: 75%!important;}

	.dh{

			margin-left: 12.5%!important;}

	.container1{

	width:75%!important;}

}





@media (max-width:1450px){

	.gsk{

	width: 85%;

	

}

	.gsk1{

	width: 90%;

	

}.cpt{

	width:85%;}

		.gsk2{

	width: 85%;

	

}

		.gsk3{

	width: 85%;

	

}	.container1{

	width:85%!important;}

	#slider .slide{

		margin-left: 500px;

	}

		.gsk4{

	width: 85%;

	

}.gsbt{

	width: 85%!important;

	

}

	.xwxq{

		width: 85%;}

	.tm{

		width: 26.2%!important;

	}.lxwm{

		width: 85%;}

	.ly{

			width: 85%!important;}.dh{

			margin-left: 7.5%!important;}

}

@media (max-width:1338px){

	.gsz{

		width: 100%;

	}

	.gsk1{

		margin-top: 60px;

	}

	.gsz1{

		width: 600px;

		position: relative;

		left: 50%;

		margin-left: -270px;

	}.gsz2{

		width: 100%;

	}.gsz3{

		width: 100%;

	}.gsz4{

		width: 100%;

	}.gsy{

		margin-left: 0;

		width: 100%;

	}

	.gsy img{

		width: 50%;

		margin: 0 auto;

		margin-top: 40px;

	}

	#slider .slide{

		TOP: 2690px;

		margin-left: 7.5%;

	}

	.gsy2 p {



		margin-top: 50px;}

	.gsy1{

		width: 100%;margin-left: 0;

		margin-top: 50px;

	}.gsy2{

		width: 100%;margin-left: 0;

	}.gsy3{

		width: 100%;margin-left: 0;

	}

}

.gys3{

	display: none;

}





@media (max-width:1300px){form table  tbody tr{

		width: 100%!important;

	}form 

	{

		width: 100%!important;

	}

	form table

	{

		width: 100%!important;

	}

	form table  tbody tr td textarea

	{

		width: 90%!important;

	}

	form div{

		width: 90%!important;

	}

}

@media (max-width:1250px){

	.gys2{

		width: 100%!important;

	}.gys3{

		width: 100%!important;

	}.gys4{

		width: 100%!important;

	}

	.xian{

		width: 100%!important;

	}.gys3{

	display:block;

}.gys4{

	display: none;

}.xwxq{

		width:100%;}

	.tm{

		width: 31%!important;

	}

	.dlz{

		width: 95%;

		margin-left: 2.5%;

	}.lxwm{

		width: 95%;

		margin-left: 2.5%;}.cpt{

	width: 95%;

		margin-left: 2.5%;}

	.ly{

		width: 95%!important;

		margin-left: 2.5%!important;}

		

	.dh{

		

		margin-left: 2.5%!important;}

}





@media (max-width:850px){

	figure{

		width: 100%!important;

		margin-left: 0!important;

		margin-bottom: 40px!important;

	}

	

}

@media (max-width:600px){

.container1{

	width: 95%!important;

	margin-left: 2.5%!important;}

	.container1 .content{

		padding: 0!important;

	}

}



@media (max-width:430px){

	form table  tbody tr td input{

		width: 100%!important;

	}

	

}

@media (max-width:1100px){

	#slider .slide{

		TOP: 2630px;

		

	}

	

	

}

@media (max-width:800px){

	.xwxq ul li {

		width:100%;

position: relative;

		left: 50%;

		margin-left: -190px;

	}

	.tm{

		width:380px!important;

	}

	.rl h3{

		font-size: 36px;

	}

}



@media (max-width:864px){

	#slider .slide{

		TOP: 2850px;

		

	}

	.gsy img{

		width: 80%;}

	

}

.qy2{

	display: none;

}

@media (max-width:750px){

	

	.gsy img {

    width: 100%;

}.gsz2 img {

    width: 100%;

}

	#slider .slide{

		TOP: 2930px;

		

	}

	#slider{

		width: 600px;

		height: 233px;

	}#slider .slide{

		width: 200px;height: 233px;

	}.qy1{

	display: none;

}.qy2{

	display:block;

}

}



@media (max-width:700px){

	#slider .slide{

		TOP: 2870px;

		

	}

	

}

@media (max-width:600px){

	#slider {

		display: none;

		

	}

	.gsz1 ul li img{

		width: 100px;

	}.gsz1 ul li {

    float: left;

    margin-right: 29px;

}.gsz1{

	width: 390px;

	    margin-left: -180px;}

	.gsz1 ul li p{

		margin-top: -75px;

	}.gsk{

	width: 95%;

	

}

	.gsk1{

	width: 95%;

	

}

		.gsk2{

	width: 95%;

	

}

		.gsk3{

	width: 95%;

	

}

	.gsk4{

	width: 95%;

	

}.gsbt{

	width: 95%!important;

	

}

}



@media (max-width:450px){

	.xwxq ul li {

		width:95%;

		left: 0;

		margin-left: 2.5%;



	}.xwxq ul li img{

		width: 100%;

	}

	.tm{

		width:100%!important;

	}	.gs8{
		padding-bottom: 50px!important;
	}


}







@media (max-width:700px){

	

	.dh{

		width: 95%!important;

		margin-left: 2.5%;

		position: relative;

		background:none!important;

		top:350px!important;

		padding-left: 0!important;

	}

	.dh h3{

		color: #666!important;

	}.dh p{

		color: #666!important;

	}

	

}







@media (max-width:400px){

	.gsz1 ul li {

    float: left;

    margin-right:19px;

}.gsz1{

	width: 390px;

	    margin-left: -170px;}

	

	

}<!--耗时1773333697.3568秒-->